Changes

Basic - Inline Tabs

1,655 bytes added, 16:07, 6 January 2016

Created page with "= 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...."

= 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.


[[File:Inline_Tabs_001.png|800px]]


= Build =

Start by creating a form.


In the form add the following sequence of questions


{| class="wikitable"
! 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.

* 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.



= Inline Tabs on existing forms =


It is possible to enhance existing forms with Inline Tabs.

# Simply add the Inline Tabs area as a quest.
# Using "Logic Management" change the order of the questions on the form to move the area to nearer the top of your form.
# Add the Section Groups to the "Answer Values - Modify" of the Inline Tabs area.



[[Category:Module Specific:Form Management]]

• Newer edit →

Philip Lacey

Anonymous, bureaucrat, administrator

7,528

edits