Form Section Settings

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

Video: eForm Builder Interface

Video: Form Designer Overview

Video: Salesforce Query and Second Form

Examples

Good to Know

How to Start

  1. On the Application Explorer screen, do one of these:
  2. On the eForm Builder screen, click Sections Sections icon.

General

Specifies the basic configuration for sections on your eForm.

Figure: Form Sections Settings General tab

Form Sections Settings General tab

Fields

Field Name Definition

Add New Section

Function:
Specifies the title for a form section.
Accepted 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

Function:
Specifies the first form section to show to the form user.
Accepted 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 Name Definition

Navigation Style

Function:
Specifies how the form user can go through the form section.
Accepted 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

Function:
Specifies if the navigation bar shows on the eForm.
Accepted 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

Function:
Specifies the text to show on your next button.
Accepted Values:
One line of text that can have spaces
Default Value:
Next
Example:
Refer to:

Set Fixed Height

Function:
Specifies if the sections are set to a specified height.
Accepted 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

Function:
Specifies if the form user can click the navigation bar to go to a different form section.
Accepted 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

Function:
Specifies the text to show on your previous button.
Accepted Values:
One line of text that can have spaces
Default Value:
Previous
Example:
Refer to:

Execute Display Rules on Form Load also

Function:
Specifies whether to run the display rules for the form section.
Accepted 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 Name Definition

Navigation Bar Style

Function:
Specifies the style of the navigation bar.
Accepted Values:
A list of navigation bar styles.
Default Value:
The first navigation bar style.
Example:
Refer to:

Navigation Bar Position

Function:
Specifies the position of the navigation bar.
Accepted Values:
  • Top
  • Left
  • Right
  • Bottom
Default Value:
Top
Example:
Refer to:

Pagination Buttons Position

Function:
Specifies the position of the page navigation buttons.
Accepted 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 Name Definition

Pick from Predefined Styles

Function:
Lets you choose the style of the navigation bar.
Accepted 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

Function:
Specifies the background color for your navigation bar.
Accepted 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

Function:
Specifies the title background color of your navigation bar.
Accepted 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

Function:
Specifies the title foreground color of your navigation bar.
Accepted 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

Function:
Specifies the title background color of the selected navigation bar.
Accepted 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

Function:
Specifies the title foreground color of selected navigation bar.
Accepted 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

Function:
Specifies the title background color of the section of the navigation bar the form user has opened before.
Accepted 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

Function:
Specifies the title foreground color of the section of the navigation bar the form user has opened before.
Accepted 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

Function:
Specifies the title background color of the navigation bar when the form user hovers the cursor over it.
Accepted 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

Function:
Specifies the title foreground color of the navigation bar when the form user hovers the cursor over it.
Accepted 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

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

Font Size (px)

Function:
Specifies the font size of the input text and label for your navigation bar.
Accepted Values:
A positive integer.
Default Value:
None
Example:
Refer to:

Font Style

Function:
Specifies the style of the font for the input text and label for your navigation bar.
Accepted 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)

Function:
Specifies the background color of the form section.
Accepted 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

Function:
Specifies if the eForm shows a border around the panel.
Accepted Values:
  • Deselected - Shows no border.
  • Selected - Shows the border.
Default Value:
Selected
Example:
Refer to:

Border Width (px)

Function:
Specifies the width of the border in pixels.
Accepted Values:
  • 1
  • 2
  • 3
  • 4
  • 5
Default Value:
1
Example:
Refer to:

Border Color

Function:
Specifies the border color for your control.
Accepted 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: