Basic - Inline Tabs - Revision history

Philip Lacey at 11:02, 19 April 2018

2018-04-19T11:02:12Z

Philip Lacey at 15:12, 6 January 2016

2016-01-06T15:12:44Z

Philip Lacey: 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...."

2016-01-06T15:07:22Z

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

New page

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

@@ 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]]
 #  Add the Section Groups to the "Answer Values - Modify" of the Inline Tabs area.
 [[Category:Module Specific:Form Management]]

@@ Line 3: / Line 3: @@
 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.
@@ Line 10: / Line 13: @@
 = Build =
-Start by creating a form.
+Start by creating a form.  [[Start_Here_-_Building_your_first_form]]
@@ Line 35: / Line 38: @@
 |}
 So now we need to group up the Section Groups.
 * From the console on the left "Answer Values - Modify"
@@ Line 67: / Line 71: @@
 #  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.
+#  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.