PREVIOUS  |  NEXT

Form Designer

Quick Links

• Access Form Designer
• Form Designer Tabs
  • Custom Tab
  • Standard Tab
  • Forms Tab
  • UI Tab
  • Integration Tab
  • Component Styling
  • Configure View Case
• Form Designer Actions Toolbar
  • Bulk Design
• Form Designer Component Header Toolbar

Workflow enables you to configure page layouts for workflow actions and forms using the Form Designer. You can customize how pages appear to end users by adding and removing user interface (UI) components such as buttons, table controllers, sections, tabs, and containers. You can also add custom and standard fields, images, and forms to pages, and you can create and load templates that you can apply to other page layouts. 

Access Form Designer

[Back to top] 

You can access the Form Designer in these various ways throughout the application: 

• Go to Setup > Processes > Workflows and select Edit action from the list. You can then click the Form Designer:
  • Link on the Workflow Transition Matrix tab.
  • Button on the Operations menu on the Settings for Default Actions tab.
  • Link that appears when you click an icon to add or edit a workflow action on the Workflow Transition Matrix. 
• Click the Go to Form Designer button in the Basic Settings section on Case Create and View Case action types, and when you edit the custom settings on applicable actions.
• Go to Setup > Processes > Workflows > Add New and the Form Designer opens on the third step of the wizard. 
• Go to Setup > Fields & Forms and click the Form Designer button on the Actions menu on these pages: 
  • Reusable Forms
  • Custom Actions
• Go to Setup > Fields & Forms  and click the Form Designer button on the Actions menu on these pages:
  • Public Case Creation Page
  • Case Creation Widgets
  • Case List Widgets 
• Go to Setup > Users > Accounts and click the Custom Fields link.
• Go to Setup > Users > Contacts and click the Customize Contacts link.

Form Designer Tabs

[Back to top]

Workflow provides these tabs on the Form Designer from which you can add elements to your page layout:

• Custom: Contains a list of custom fields.
• Standard: Contains a list of standard fields.
• Forms: Contains a list of available forms. 
• UI: Contains a list of UI components such as sections, buttons, and containers.
• Integration: Contains a list of integration widgets available for your tenant. For more information, see Integration Widgets.

The following table shows the actions you can and cannot configure with fields, UI components, and forms: 

Form Designer Actions Toolbar

[Back to top]

Workflow provides an Actions toolbar in the Form Designer that enables you to perform these actions: 

• Reset: Resets the page layout to the last saved configuration. 
• Clear: Clears the page layout of all configurations.
• Default: Applies the default page layout you define in the Global Action Settings workspace.
• Bulk Design: Enables you to apply style settings to fields and forms on the page layout. See Bulk Design below for more information.
• Save as Template: Saves the current page layout as a template that you can later apply to other page layouts.
• Load Template: Loads an existing saved template. When you execute this action, Workflow opens the Template Manager where you can select a template to load or delete. When you load a template, we replace the existing page layout with the settings from the template.
• Show System IDs: When enabled, Workflow displays the system ID next to corresponding fields in the Form Designer of that action, and on the Case Details page. When enabled, we change the action name to Hide System IDs. You can refer to these system IDs in your scripts. See Scripts for more information.
• Edit Action: Returns you to the Action Settings workspace where you can configure the action properties. 

Bulk Design

[Back to top]

The Bulk Design action on the toolbar enables you to apply bulk style attributes to all labels and values on the current page layout. You can apply the settings to:

• All fields and forms
• Only fields
• Only forms

When you click the Bulk Design action, Workflow opens the Bulk Style Designer:

The image above displays the Bulk Style Designer with collapsed panels. You can click on the Basic, Border Attributes, and Font Attributes links to expand the panels and display the configurable attributes.

See Component Styling for details on the style settings. 

Form Designer Component Header Toolbar

[Back to top]

When you add a field, form, or UI component to a page layout, we display a header for the element. When you hover over the element, we display a toolbar with different icons, depending on the element. The following is an example of the Section header and toolbar:

The following table identifies the different icons, their functions, and on which element headers they appear:

Icon	Name	Function	Appears on these Elements
	Edit	Enables you to edit the element properties.	All
	Toggle	Enables you to collapse or expand the element within Form Designer. This allows you to maximize your workspace and does not affect the view in the final page layout.	Forms Text Section Tab Container Tabs within a Tab Container
	Delete	Enables you to delete an element. You cannot undo this action.	All