Forms Item: Button
Important
Information and features vary according to the roles to which you belong and the permissions associated with those roles. For more information, contact your module manager or your campus support team.
Buttons let a form completer trigger an action while filling out a form. A button can move the completer to another tab, save progress, submit the form, or initiate workflow actions. In J1 Web Forms, button behavior is defined through rules that determine what happens when the completer clicks the button.
This topic explains how to add and configure buttons in J1 Web Forms, including navigation and submit buttons, and highlights differences from Campus Portal Forms.
How To
Access the Connect hub, Forms module, Manage Forms page.
Find the form you're updating and from the Actions menu, select Edit form.
From the Build step, select the tab where you want to add the button.
Click Add Item. The New Item window appears.
Enter an identifier for the button in the Unique ID field.
From the Type drop-down, select Button.
Select the appropriate label display option:
Display on the form: Appears visually on the form. If you do not show the item on the form, you must select Screen reader only to ensure screen readers can provide needed information.
Screen reader only: Hidden visually but available to assistive technologies for accessibility.
In the Text field, enter and format the label you want to use to describe the textbox field.
Tip
This is typically brief (e.g., Nickname), but can include leverage basic HTML formatting such as <bold>, <center>, <italics>, and hyperlinks <ahref>; when additional context is needed
If you are grouping fields, enter the group name in the Group field.
Items/fields with the same group name can be acted on simultaneously through other configurations. For example, multiple questions grouped under 'Faculty' can be shown, hidden, or validated together.
Note
Each item being included in the group must have the same group name in this field.
Select the Settings tab.
The item is automatically aligned to the left of the form page. Use the Alignment options to move it to the center or right.
Use the Width and Height fields to adjust the size.
Note
You can use percentages (e.g., 50%) or pixel/point values (e.g., 50px) to control how large or small the field appears.
Select Mobile, Tablet and/or Desktop to determine what platforms the item/field is visible on.
If an item is required, all display on options are selected and cannot be updated.
Select the Rules tab to define what happens when the button is clicked.
Click Add.
In the first drop-down, select If answer value is and in the corresponding effect field, enter *.
Note
Buttons do not collect values, so the answer value should always be *.
In the second drop-down, select the action you want to occur when the form completer clicks the button.
If needed, click Add to add another rule.
Else if answer value is executes the action if the answer value matches.
Else executes the action if no previous conditions were met.
And executes the action in addition to the previous action.
Click Update.
If you want to move the item, use the drag and drop icons drag and drop icon
to move and 
, and move it to the preferred location.
Access Connect hub, Forms module, Manage Forms page.
Find the form you're updating and select Edit form.
From the Build step, select the tab you want to add navigation buttons.
Click Add Item. The New Item pop-up window appears.
Enter an identifier for the button in the Unique ID field.
From the Type drop-down list, select Button.
Select the appropriate label display option:
Display on the form: Appears visually on the form. If you do not show the item on the form, you must select Screen reader only to ensure screen readers can provide needed information.
Screen reader only: Hidden visually but available to assistive technologies for accessibility.
In the Text field, enter and format the label you want to use to describe the button. For example, Next.
If you are grouping fields, enter the group name in the Group field.
Items/fields with the same group name can be acted on simultaneously through other configurations. For example, multiple questions grouped under 'Faculty' can be shown, hidden, or validated together.
Note
Each item being included in the group must have the same group name.
Select the Settings tab.
The button is automatically aligned to the left of the form page. Use the Alignment options to move it to the center or right.
Use the Width and Height fields to control the button's size.
Note
You can use percentages (e.g., 50%) or pixel/point values (e.g., 50px) to control how large or small the field appears.
Select Mobile, Tablet and/or Desktop to determine what platforms the item/field is visible on.
If an item is required, all display on options are selected and cannot be updated.
Select the Rules tab to define what happens when the button is clicked.
Click Add .
In the first drop-down, select If answer value is and in the corresponding effect field, enter *.
Note
Because buttons don't allow form completers to choose a value, this field should always be *.
In the second drop-down, select Tab: Change and then choose one of the following:
Select the name of the tab the completer will be directed to.
Select where you want the action to take the form completer. For example, Next tab to take the completer to the next tab or Previous tab to take the completer to the previous tab.
Click Update.
If you want to move the item, use the drag and drop icons drag and drop icon
to move and , and move it to the preferred location.Repeat these steps for each navigation button you want to add.
Access Connect hub, Forms module, Manage Forms page.
Find the form you're updating and select Edit form.
From the Build step, select the tab you want to add navigation buttons.
Click Add Item. The New Item pop-up window appears.
Enter an identifier for the button in the Unique ID field.
From the Type drop-down list, select Button.
Select the appropriate label display option:
Display on the form: Appears visually on the form. If you do not show the item on the form, you must select Screen reader only to ensure screen readers can provide needed information.
Screen reader only: Hidden visually but available to assistive technologies for accessibility.
In the Text field, enter and format the label you want to use to describe the button. For example, Submit.
If you are grouping fields, enter the group name in the Group field.
Items/fields with the same group name can be acted on simultaneously through other configurations. For example, multiple questions grouped under 'Faculty' can be shown, hidden, or validated together.
Note
Each item being included in the group must have the same group name.
Select the Settings tab.
The button is automatically aligned to the left of the form page. Use the Alignment options to move it to the center or right.
Use the Width and Height fields to control the button's size.
Note
You can use percentages (e.g., 50%) or pixel/point values (e.g., 50px) to control how large or small the field appears.
Select Mobile, Tablet and/or Desktop to determine what platforms the item/field is visible on.
If an item is required, all display on options are selected and cannot be updated.
Select the Rules tab to define what happens when the button is clicked.
Click Add .
In the first drop-down, select If answer value is and in the corresponding effect field, enter *.
Note
Because buttons don't allow form completers to choose a value, this field should always be *.
In the second drop-down, select Form: Submit.
To associate the submission with a workflow:
Click Add.
In the first drop-down, select And.
From the second drop-down, select J1 Workflow: Add Workflow for Submission.
Click Update.
If you want to move the item, use the drag and drop icons drag and drop icon
to move and , and move it to the preferred location.Repeat these steps for each navigation button you want to add.