Basic - Inline Tabs

From All n One's bxp software Wixi

Jump to: navigation, search

1 Overview

It is possible in bxp to have tabs within a form. This can drastically reduce the length of a form and make navigation of the form easier for some scenarios.


This article is targetted at medium to advanced users of bxp.


Inline Tabs 001.png


2 Build

Start by creating a form. Start_Here_-_Building_your_first_form


In the form add the following sequence of questions


Type Name
Basic - Inline Tabs Inline Tabs
Basic - Section Group Group 1
Basic - Text Box Group 1 Text 1
Basic - Text Box Group 1 Text 2
Basic - Section Group Group 2
Basic - Text Box Group 2 Text 1
Basic - Text Box Group 2 Text 2


So now we need to group up the Section Groups. Form_Section_Group

  • From the console on the left "Answer Values - Modify"
  • Choose "Group 1"
  • Add in the Id number for "Group 1 Text 1" and "Group 1 Text 2"
  • Save the changes and test the form with "Review the build"


Now repeat for "Group 2"


So now on the form there are two section groups each with two questions.


We now want to make the tabs appear in the "Inline Tabs" area.


  • From the console on the left "Answer Values - Modify"
  • Add the two numbers of the Section Groups ONLY
  • Save the changes and test the form with "Review the build"


You should now be able see the tabs working.


3 Inline Tabs on existing forms

It is possible to enhance existing forms with Inline Tabs.

  1. Simply add the Inline Tabs area as a quest.
  2. Using "Logic Management" from the console on the left when editing a form, change the order of the questions on the form to move the area to nearer the top of your form. Form_Question_Reordering
  3. Add the Section Groups to the "Answer Values - Modify" of the Inline Tabs area.


4 Make it different

If you need your tab button to look different or if you need it to perform a different actions then please read our article here Form_-_Overriding_and_Styling_Inline_Tabs