From Bright Pattern Documentation
Jump to: navigation, search
(Marked this version for translation)
 
Line 1: Line 1:
<translate>= Goto Page= <!--T:1-->
+
<translate>= Goto Page=
 
GoTo Page is essentially a button that directs a user to another page of a form. This component is useful only for multi-page forms.
 
GoTo Page is essentially a button that directs a user to another page of a form. This component is useful only for multi-page forms.
  
<!--T:2-->
+
'''Note''': This control is supported in version 5.x for forms created in the Form Builder application version 3.x. For component properties, see Bright Pattern Contact Center Documentation [https://help3x.brightpattern.com/3.18:Form-builder-reference-guide/GotoPage version 3.x].
To add this component to your form, hold and drag the component from the component menu on the left, onto the blank form on the right.
 
  
<!--T:3-->
 
'''Note''': This control is supported in version 5.x for forms created in the Form Builder application version 3.x.
 
  
 
<!--T:4-->
 
 
[[File:Form-GoTo-Page-3x-50.PNG|800px|thumbnail|center|Goto Page component in Configuration mode]]
 
[[File:Form-GoTo-Page-3x-50.PNG|800px|thumbnail|center|Goto Page component in Configuration mode]]
 
 
== Field Properties == <!--T:5-->
 
This component's field properties are described as follows.
 
 
 
<!--T:6-->
 
[[File:GoTo-Page-Properties-3x-50.PNG|450px|thumbnail|center|Goto Page field properties]]
 
 
 
=== Style === <!--T:7-->
 
The ''Style'' property allows you to change the way that a control element appears on a form.
 
 
<!--T:8-->
 
You can select a style from the following options:
 
* << None >>
 
* Text
 
* Title
 
* Label
 
* Hyperlink
 
* Note
 
 
<!--T:9-->
 
You can also click '''add/edit''' to add another style or edit the selected style, choosing from different fonts, sizes, colors, and other style elements.
 
 
 
<!--T:10-->
 
[[File:Form-Edit-Styles-Save-3x-50.PNG|350px|thumbnail|center|Select font, size, color, and other style elements]]
 
 
 
<!--T:11-->
 
Clicking '''Save as''' allows you to name and save the style you just added/edited, and that style becomes available in the drop-down selector for the ''Style'' and ''Edit Style'' properties.
 
 
 
<!--T:12-->
 
[[File:Form-Save-As-3x-50.PNG|350px|thumbnail|center|Save the style with a new name]]
 
 
 
=== Edit Style === <!--T:13-->
 
The ''Edit Style'' property allows you to select the style defined in the ''Style'' property. The style you select here is what is shown on the form.
 
 
=== show as link === <!--T:14-->
 
Select the checkbox for ''show as link'' in order to have the ''Label text'' appear as a hyperlink on the form. Users can click the link to go to the specified form page.
 
 
=== Label text === <!--T:15-->
 
The ''Label text'' is the text label for this control, and it is shown on the form itself. For example, specifying form label "Next page" will display "Next page" on the control.
 
 
==== $() ==== <!--T:16-->
 
Click '''$()''' to add a variable to the label text that appears on the GoTo Page component. After clicking, you can select a specific data field to map to the field.
 
 
<!--T:17-->
 
[[File:Form-Company-Data-3x-50.PNG|450px|thumbnail|center|Data field mapping]]
 
 
 
=== Display Type === <!--T:18-->
 
For this control, the ''display type'' is automatically set to '''None'''. Note that there are many other display types from which to choose.
 
 
 
<!--T:19-->
 
[[File:Form-Company-Display-3x-50.PNG|450px|thumbnail|center|Display type selection]]
 
 
 
=== Destination page ===  <!--T:20-->
 
''Destination page'' is the page where the user will be directed upon click. Using the drop-down selector, select the desired page. Note that the selector shows only the pages available for your form. If you do not see any pages besides "Main Page," you should add a page and try again.
 
 
 
<!--T:21-->
 
[[File:Form-GoTo-Dest-3x-50.PNG|450px|thumbnail|center|Display type selection]]
 
 
 
=== Require valid input ===  <!--T:22-->
 
Select the checkbox for ''Require valid input'' to have the system check that there is indeed another form page for the user to view.
 
  
  

Latest revision as of 20:11, 25 June 2020

Other languages:
English • ‎日本語
• 5.2 • 5.3

Goto Page

GoTo Page is essentially a button that directs a user to another page of a form. This component is useful only for multi-page forms.

Note: This control is supported in version 5.x for forms created in the Form Builder application version 3.x. For component properties, see Bright Pattern Contact Center Documentation version 3.x.


Goto Page component in Configuration mode


< Previous | Next >