This asset demonstrates how a tab-based layout can be achieved through the use of a choice control, rules, panels, and a little magic (CSS).
When used and implemented correctly, a tab-based layout can be an excellent addition to a Nintex form in regards to usability and content organization. This asset demonstrates how a tab-based layout can be achieved through the use of a choice control, rules, panels, and a little magic (CSS). See below for some additional notes on the components (controls) that comprise this solution:
Choice Control (tabsChoiceControl):
Panels & Rules:
Panels and rules are used in tandem to show/hide zones of your form. To do this, you'll simply need to:
With the above configuration, your panel will now be hidden until your panel is selected (i.e. Panel A). Now you'll just want to migrate any fields/controls you need into these panels.
Now that your form is fully configured, you'll just need to include the neccissary CSS to style the tabs correctly:
The creation of a custom SharePoint List (i.e. TABBED LAYOUT ASSET) with the following columns:
Nintex Forms 2013
SharePoint Server 2013