Difference between revisions of "Basic - Inline Tabs"
From All n One's bxp software Wixi
Philip Lacey (talk | contribs) |
Philip Lacey (talk | contribs) m |
||
Line 73: | Line 73: | ||
# 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]] | # 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]] | ||
# Add the Section Groups to the "Answer Values - Modify" of the Inline Tabs area. | # Add the Section Groups to the "Answer Values - Modify" of the Inline Tabs area. | ||
+ | |||
+ | |||
+ | |||
+ | = 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]] | ||
[[Category:Module Specific:Form Management]] | [[Category:Module Specific:Form Management]] |
Latest revision as of 11:02, 19 April 2018
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.
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.
- Simply add the Inline Tabs area as a quest.
- 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
- 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