Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Attributes

Description

Label

A Label is the name shown to users and can come from various sources.

Info

Reference: Source Type

Name

Enter a unique the name for your action.

Icon

This option lets you choose from various icons to add to the action button.

Variant

This feature allows users to change the appearance of the action button.

  1. Neutral

  2. Brand

  3. Outline Brand

  4. Success

  5. Destructive

Visibility Type

It determines whether a component is visible on the layout. It offers the following visibility types:

  1. Always: The component will always be visible.

  2. Conditional: The component's visibility is determined based on specific criteria, which can make it either visible or hidden as needed.You can explore more about Visibility Type attribute

Disability Type

It determines whether a component is disable on the layout. It offers the following visibility types:

  1. Never: There is no disable option for this component

  2. Always: The component will always be visible.

  3. Conditional: The component's visibility is determined based on specific criteria, which can make it either visible or hidden as needed.You can explore more about Visibility Type attribute.

Is Bulk Action Checkbox

If the bulk action checkbox is marked as true, it enables users to perform bulk actions on the selected items.

Minimum Record Count

The "Minimum Record Count" setting allows users to specify the minimum number of records required to perform a bulk action. This ensures that bulk actions are only triggered when a certain threshold of selected records is met

...

Label Source Type Attribute

Description

Model (Salesforce Object)

From this source, users can select a Model (Salesforce Object) field to be displayed as the label name.

Variable

Here, users can select the label name from variables such as Record ID, Is Disabled, Is Read only, or Is Visible.

Cookie Key

Choose the available cookie key whose value you want to include from your browser.

Local Storage Key

Select the available Local Storage Key whose value you want to include from your browser.

User

Here, you can choose the label from user fields such as First Name, Last Name, Email, Name, Phone, or Session ID.

Merge Field Expression

Merge Field Expression displays the value selected from the chosen value source.

Message Body

Inside the message body, user also can add the values manually.

Order By:

...

Events

Events available for any component is of onload type.

...

Configure actions that trigger automatically when the table or related list is loaded.

Info

Note: All created table, row, and column actions will be displayed in the Events section.

...

Onload Events:

  • onload Onload event occurs when the component has been loaded.

  • Here, only onload event actions are available for components.

Onload Event Actions

...

Onload Action

Description

None

"None" indicates that no action, selection, or value is applied or chosen..

Push Model

"Push model action is executed to populate another layout, allowing data or configurations from one model to be transferred and displayed in a different layout.

Info

Reference: Push Model Config

Toaster

A toaster is a small, non-intrusive pop-up notification that briefly appears on the screen to provide feedback to the user, such as confirmation of an action, a warning, or an error message

Info

Reference: Toaster config

Redirect

The redirect action is used to navigate the user to another layout or URL. This action seamlessly transitions the user to a different part of the application.

Info

Reference: Redirect Config

Push Model Config

...

Attribute Name

Description

Layout

Here, the user can select from the existing available layouts.

Hide Header Checkbox

When the 'Hide Header' checkbox is marked as true, it will hide the modal header, making the header invisible to the user.

Modal Header

In the modal header field, you can enter the name or title of the modal header, which will be displayed at the top of the modal window

Modal Size

In the modal size option, the user can choose the size of the modal from the available options: extra small, small, medium, large, or full screen

Event Mapping

In the event mapping section, the user can select from existing events and workflows. Additionally, they can map event variables to workflow variables, ensuring that data flows correctly between the event triggers and the associated workflows

Info

Reference: Event Mapping

Padding Location

The padding location can be set to various options including around, top, bottom, right, left, horizontal, or vertical, allowing the user to control the spacing inside the modal based on their specific needs.

Padding Size

The padding size can be set to various levels including xxx small, xx small, x small, small, medium, large, x large, or xx large, allowing for precise control over the amount of space around the content within the modal.

Event Mapping

...

Event Mapping Attributes

Description

Event

In this section, the user can select either an existing event or a newly created event from the list provided.

Workflow

For the selected event, the user can choose the appropriate workflow from the list of available workflows that should be associated with or used for that event.

Variables Mapping

Variable mapping: Here, the user can map event variables to workflow variables, establishing a connection between the data from the event and the corresponding variables in the workflow.

Info

Reference: Variable Mapping

Variables Mapping

Variable mapping: Here, the user can map event variables to workflow variables, establishing a connection between the data from the event and the corresponding variables in the workflow

...

Variable Mapping Attributes

Description

Event Variable

Here, the user can select from existing or created variables associated with the layout.

Info

Reference: Event Variable

Destination Type

Destination type: Here, the user can select the destination for the event variable, choosing from various types such as Variable, Static, Cookie, Local Storage, Query Param, User, or Model.

Toaster Config

Toaster Config Attribute

Description

Type

This option allows users to choose the type of toaster notification

  1. Success: Indicates a successful operation.

  2. Warning: Provides a cautionary message.

  3. Error: Displays an error or failure message.

  4. Info: Delivers informational messages.

Message

This field allows users to enter the text or content to be displayed in the toaster notification. also user can select this field from various Source Type

Info

Reference: Message Source Type

Details

In this field, you can add additional details to the toaster message. These details will be displayed below the main toaster message in a smaller font size.

Override Result

If this checkbox is marked as true, it allows you to add a customizable error message or object validation error message.

Message Source Type Config

...

Attribute

Description

Source Type

Here, the user can select the message from various source types.

Info

Reference: Message Source Type

Value

Here, the user can select the value from different source types.

Merge Field Expression

Merge Field Expression displays the value selected from the chosen value source.

Message Body

Inside the message body, user also can add the values manually.

Message Source Type

...

Message Source Type Attributes

Description

Static

This option allows users to choose a static value for the message or value.

Field

This option allows users to select a value from a specific field.

Model

This option allows users to select a value from a data model.

Variable

This option allows users to select a value from a defined variable.

Input Variable

This option allows users to select a value from an input variable. Input variables are user-defined and can be used to capture and utilize data provided by the user or external sources.

Cookie Key

This option allows users to select or define a key for storing or retrieving data from cookies. Cookies are small pieces of data stored in the user's browser.

Local Storage Key

This option allows users to select or define a key for storing or retrieving data from the browser's local storage.

Redirect Config

image-20240821-124410.pngImage Added

Redirect Config Attribute

Description

Redirect To

This field allows users to choose the destination for redirection.

  1. Layout: Redirects to a specific layout within the application.

  2. URL: Redirects to an external or internal URL.

Info

Note: By default, the Layout Field is set.

Layout

Here, the user can select a layout from the provided list.

URL

Here, the user can enter a specific URL to which they will be redirected.

Info

Note: if you select the redirect field as URL, then this filed is populated.

Redirect Input

...

Field Name

Description

Label

A user-friendly name for the variable, used for easy identification within the application.

Name

The unique identifier for the variable, typically used in code or within merge text.

Field Type

Specifies the type of data the variable will hold (e.g., text, number, date,etc).

Info

Reference: Field Types

Default Value

The initial value assigned to the variable, applied if no other value is provided.

Is Array

Checkbox that indicates whether the variable can store multiple values (an array) instead of just one.

Variable Scope

The Variable Scope defines the accessibility of the variable, with the following options:

In: The variable is used to receive input from another layout.

Out: The variable is used to pass data from the current layout to another layout.

In/Out: The variable is used for both input into and output from a layout, allowing for full bidirectional data flow.

Field Types:

Data Type

Description

Text

Stores a string of characters, such as names or descriptions.

Checkbox

Represents a boolean value (true/false) typically used for on/off or yes/no selections.

Integer

Holds whole numbers without decimals, used for counting or numerical calculations.

Double

Stores numbers with decimals, allowing for more precise calculations.

Record

Represents a single Salesforce record, such as an account or contact.

Object

Stores complex data structures or objects, often containing multiple fields or properties.

Currency

Used to represent monetary values, ensuring proper formatting and calculations.

Date

Stores a calendar date (year, month, day) without time information.

Date Time

Stores both date and time information together.

Picklist

A dropdown menu that allows users to select a single value from a predefined list.

Tags

Stores a list of keywords or labels used for categorization or filtering.

Email

Specifically formatted to store email addresses.

Phone

Holds phone numbers, often with specific formatting.

URL

Stores web addresses (Uniform Resource Locators) for linking to external resources.

Radio

Represents a group of mutually exclusive options where only one can be selected.

Time

Stores time information without an associated date.

Percentage

Stores numerical values represented as percentages, often used in calculations or metrics.

Text Area

Allows for the input of larger amounts of text, often used for comments or detailed descriptions.

Duration

Stores a length of time, typically used for measuring intervals or time spans.

Multi Picklist

Allows users to select multiple values from a predefined list.

Panel
panelIconId1f5e8
panelIcon:speech_left:
panelIconText🗨️
bgColor#DEEBFF

For Example,

Calculating and Displaying Order Totals

For instance, you might define variables like Item Price, Quantity, and Discount. As users input the quantity of items they want to purchase and apply a discount code, the variables update instantly. The total cost, stored in a variable named Total Amount, is then displayed on the page, reflecting the latest calculations.

This use case demonstrates how Variables can be employed to perform real-time calculations and display updated results, enhancing the user's interaction with the application.