Form Section Settings

Configures the form section and navigation bar settings for your eForm.

Background and Setup

Video: Form Designer Overview

Video: eForm Builder Interface

Video: Salesforce Query and Second Form

Examples

Good to Know

How to Start

  1. Open eForm Builder.

    For information about how to open this screen, refer to eForm Builder screen.


    Eform Builder screen
  2. On the eForm Builder screen, click Sections.

    Click Form Sections

General

Specifies the basic configuration for sections on your eForm.

Figure: Form Sections Settings General tab

Form Sections Settings General tab

Fields

Field NameDefinition

Add New Section
Description:
Specifies the title for a form section.
Allowed Values:
One line of text that can have spaces.

Click Add to add a new section.

Default Value:
None
Example:
Refer to:

List Of Sections
Description:
Specifies the first form section to show to the form user.
Allowed Values:
A list of sections on your eForm.
Default Value:
Section 1
Example:
Refer to:

Delete Delete icon

Function:
Deletes the form section.

Validation Rule Validation Rule icon

Opens this Screen:
Validation Rule Builder screen
Function of this Screen:
Lets you configure validation rules for your eForm.
Example:
Refer to:

Display Rule Display Rule icon

Opens this Screen:
Display Rule Builder screen
Function of this Screen:
Lets you configure display rules for an eForm.
Example:
Refer to:

Settings

Specifies the settings for your form sections.

Figure: Form Sections Settings tab

Form Sections Settings tab

Fields

Field NameDefinition

Navigation Style
Description:
Specifies how the form user can go through the form section.
Allowed Values:
  • Sequential - Lets the form user go through the sections in a specified sequence.
  • Adhoc - Lets the form user go to any section.
Default Value:
Sequential
Example:
Refer to:

Show Navigation Bar
Description:
Specifies if the navigation bar shows on the eForm.
Allowed Values:
  • Yes - Shows the navigation bar in the eForm.
  • No - Does not the navigation bar in the eForm.
Default Value:
Yes
Example:
Refer to:

Next Button Text
Description:
Specifies the text to show on your next button.
Allowed Values:
One line of text (a string).

Accepted:

  • Letters
  • Numbers
  • Spaces
Default Value:
Next
Example:
Refer to:

Set Fixed Height
Description:
Specifies if the sections are set to a specified height.
Allowed Values:
  • Yes - The sections have a fixed height.
  • No - The sections do not have a fixed height.
Default Value:
Yes
Example:
Refer to:

Clickable Navigation Bar
Description:
Specifies if the form user can click the navigation bar to go to a different form section.
Allowed Values:
  • Yes - The form user can click the navigation bar.
  • No - The form user can not click the navigation bar.
Default Value:
Yes
Example:
Refer to:

Previous Button Text
Description:
Specifies the text to show on your previous button.
Allowed Values:
One line of text (a string).

Accepted:

  • Letters
  • Numbers
  • Spaces
Default Value:
Previous
Example:
Refer to:

Execute Display Rules on Form Load also
Description:
Specifies whether to run the display rules for the form section.
Allowed Values:
  • Yes - The display rules run when the form shows.
  • No - The display rules do not run when the form shows.
Default Value:
Yes
Example:
Refer to:

Layout

Specifies the style and position of the navigation bar on your eForm.

Figure: Form Sections Settings Layout tab

Form Sections Settings Layout tab

Fields

Field NameDefinition

Navigation Bar Style
Description:
Specifies the style of the navigation bar.
Allowed Values:
A list of navigation bar styles.
Default Value:
The first navigation bar style.
Example:
Refer to:

Navigation Bar Position
Description:
Specifies the position of the navigation bar.
Allowed Values:
  • Top
  • Left
  • Right
  • Bottom
Default Value:
Top
Example:
Refer to:

Pagination Buttons Position
Description:
Specifies the position of the page navigation buttons.
Allowed Values:
  • Bottom Right
  • Bottom Left
  • Bottom Center
  • Bottom Left and Right
  • Top Left
  • Top Right
  • Top Center
  • Top Left and Right
Default Value:
Bottom Right
Example:
Refer to:

Appearance

Specifies the appearance of the form sections.

Figure: Form Sections Settings Appearance tab

Form Sections Settings Appearance tab

Fields

Field NameDefinition

Pick from Predefined Styles
Description:
Lets you choose the style of the navigation bar.
Allowed Values:
  • Default - Sets the color of the section of the navigation bar based on the default color.
  • Red - Sets the title background color, the title foreground color, and the title hover background color for the navigation bar to red.
  • Green - Sets the visited title foreground color for the navigation bar to green.
  • Orange - Sets the visited title foreground color for the navigation bar to orange.
Default Value:
None
Example:
Refer to:

Background
Description:
Specifies the background color for your navigation bar.
Allowed Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to:

Title Background
Description:
Specifies the title background color of your navigation bar.
Allowed Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to:

Title Foreground
Description:
Specifies the title foreground color of your navigation bar.
Allowed Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to:

Selected Title Background
Description:
Specifies the title background color of the selected navigation bar.
Allowed Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to:

Selected Title Foreground
Description:
Specifies the title foreground color of selected navigation bar.
Allowed Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to:

Visited Title Background
Description:
Specifies the title background color of the section of the navigation bar the form user has opened before.
Allowed Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to:

Visited Title Foreground
Description:
Specifies the title foreground color of the section of the navigation bar the form user has opened before.
Allowed Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to:

Title Hover Background
Description:
Specifies the title background color of the navigation bar when the form user hovers the cursor over it.
Allowed Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to:

Title Hover Foreground
Description:
Specifies the title foreground color of the navigation bar when the form user hovers the cursor over it.
Allowed Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to:

Font Family
Description:
Specifies the font family of the input text and label for your navigation bar.
Allowed Values:
A font name from the list.
Default Value:
None
Example:
Refer to:

Font Size (px)
Description:
Specifies the font size of the input text and label for your navigation bar.
Allowed Values:
An integer.

Range

  • Greater than 0
Default Value:
None
Example:
Refer to:

Font Style
Description:
Specifies the style of the font for the input text and label for your navigation bar.
Allowed Values:
  • Bold - Shows the input text and label in bold.
  • Underline - Shows the label underlined.
  • Italic - Shows the label in italic.
Default Value:
None
Example:
Refer to:

Background (Section Style)
Description:
Specifies the background color of the form section.
Allowed Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to:

Show Border
Description:
Specifies if the eForm shows a border around the panel.
Allowed Values:
  • Deselected - Shows no border.
  • Selected - Shows the border.
Default Value:
Selected
Example:
Refer to:

Border Width (px)
Description:
Specifies the width of the border in pixels.
Allowed Values:
  • 1
  • 2
  • 3
  • 4
  • 5
Default Value:
1
Example:
Refer to:

Border Color
Description:
Specifies the border color for your control.
Allowed Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to: