--- schema_version: "1" id: a240061de7eeabf1ea2724da6635c514dcc7b4baa5cd98418e34843871eee09f title: Flexcards Input Elements Reference (Managed Package) collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_flexcards_input_elements_reference.md canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_input_elements_reference.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: 001129d0ed2ebcbae038a7f4d334c1d6b6ce1e7fe0b496277fc3e381dc20e96b description: For the managed package runtime, add input elements on a Flexcard to enable users to enter data or select from a list of options you provide. When a user enters, selects or updates a value, the change is reflected in the data JSON. You can configure an element to execute an action when a user selects an option or enters data. Input elements are available in the Inputs section of the Build panel of the Flexcard Designer. products: - Omnistudio release: "264" --- # Flexcards Input Elements Reference (Managed Package) For the managed package runtime, add input elements on a Flexcard to enable users to enter data or select from a list of options you provide. When a user enters, selects or updates a value, the change is reflected in the data JSON. You can configure an element to execute an action when a user selects an option or enters data. Input elements are available in the **Inputs** section of the Build panel of the Flexcard Designer. ![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US). With the **Custom Attributes** feature, configure additional properties available to the specific input element but not available as a GUI in the Properties panel. See the associated readme for each element in the Reference column in the table on this page. To add display elements to your Flexcard, such as data fields, charts, and data tables, see [Flexcards Display Elements Reference (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_display_elements_reference.htm&release=264.0.0&type=5 "For the managed package runtime, select from a number of display elements to add to your Flexcard. Add elements such as data fields, actions, states, data tables, and more."). ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/images/icon_note.png) Note Beginning Winter '22, the Toggle element is available under the **Inputs** section of the Build panel. Before Winter '22, the Toggle element is available under the **Elements** section of the Build panel.

Required Versions

Available beginning Winter '22.

Input Element

Description

Reference

Checkbox

Displays a checkbox.

Base LWC: CheckboxGroup Lightning Web Component ReadMe (Managed Package)

Currency

Displays an input field in which a user can enter a currency amount based on the locale and currency type you specify.

Base LWC: Input Lightning Web Component ReadMe (Managed Package) when type = currency.

Date/Time

Displays an input element that enables the user to select a date from a calendar widget and a time from a dropdown list. The Date/Time input element supports custom labels.

Base LWC: DateTimePicker Lightning Web Component ReadMe (Managed Package)

Date

Displays an input element that enables the user to select a date from a calendar widget. The Date input element supports custom labels.

Base LWC: DatePicker Lightning Web Component ReadMe (Managed Package)

Email

Displays an input element that enables a user to enter an email address.

Base LWC: Input Lightning Web Component ReadMe (Managed Package) when type = email.

Multi-Select

Displays multiple options from which the user can select one or more. You can display your options as checkboxes, buttons, images, or as a combobox.

Base LWC: When type is checkbox or button, see CheckboxGroup Lightning Web Component ReadMe (Managed Package). When type is image, see CheckboxImageGroup Lightning Web Component ReadMe (Managed Package). When type is combobox, see Combobox Lightning Web Component ReadMe (Managed Package).

Number

Displays an input field in which a user can enter a number.

Base LWC: Input Lightning Web Component ReadMe (Managed Package) when type = number.

Radio

Displays one or more options from which a user can select just one. You can display each option as a standard radio input field, a button, an image, or a color block.

Base LWC: When type is radio or button, see RadioGroup Lightning Web Component ReadMe (Managed Package). When type is image, see RadioImageGroup Lightning Web Component ReadMe (Managed Package). When type is color, see RadioColorPickGroup Lightning Web Component ReadMe (Managed Package).

Range

Displays an input element from which a user can select a value from a range on a slider.

Base LWC: Input Lightning Web Component ReadMe (Managed Package) when type = range.

Select

Displays an input element from which the user can select an option from a list of options provided.

Base LWC: Combobox Lightning Web Component ReadMe (Managed Package) when multiple = false.

Telephone

Displays an input element that enables a user to enter a phone number.

Base LWC: Input Lightning Web Component ReadMe (Managed Package) when type = tel.

Text Area

Displays an input element that enables a user to enter multiple lines of text.

Base LWC: Textarea Lightning Web Component ReadMe (Managed Package)

Text

Displays an input element that enables a user to enter a line of text.

Base LWC: Input Lightning Web Component ReadMe (Managed Package) when type = text.

Time

Displays an input element that enables a user to select a time from a list of intervals.

Base LWC: TimePicker Lightning Web Component ReadMe (Managed Package)

Toggle

Displays an input element that enables a user to pick between two states, enable or disable an option, or select multiple options.

Typeahead

Displays a search field that enables a user to view hints or a list of possible options based on the text the user enters.

Base LWC: Typeahead Lightning Web Component ReadMe (Managed Package)

- **[Flexcards Common Input Element Properties (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_common_input_element_properties.htm&release=264.0.0&type=5)** For the managed package runtime, Flexcard Input elements have properties shared by most or all Input elements. For example, add a help icon on any input element that when hovered displays helpful text about the input field. - **[Bind a Flexcard Input Value to a Data Field (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_bind_a_flexcard_input_value_to_a_data_field.htm&release=264.0.0&type=5)** For the managed package runtime, bind the value of an Input element to a new or existing data field in your Flexcard's data source. When a user updates the input value, the data JSON updates. You can use the new data like any other piece of data from a data source. For example, update the value of an attribute sent from a parent to a child Flexcard based on user input. - **[Add a Checkbox Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_checkbox_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add a Checkbox input element on a Flexcard to enable users to select or unselect a checkbox. From the Properties panel, configure properties and custom attributes, add an action, and add conditions. - **[Add a Currency Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_currency_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add a Currency Input element on a Flexcard to enable users to enter a currency amount based on the locale and currency type you specify. From the Properties panel, configure properties and custom attributes, add an action, and add conditions. - **[Flexcards Currency Input Element Properties (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_currency_input_element_properties.htm&release=264.0.0&type=5)** For the managed package runtime, Currency Input element properties are configurable in the Properties panel when you select a Currency element in the Flexcard Designer. Enable users to enter a currency amount based on the locale (location and language) and currency type you specify. - **[Add a Date/Time Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_date_time_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add a Date/Time Input element on a Flexcard to enable users to select a formatted date from a calendar widget and a formatted time from a list of time intervals. From the Properties panel, configure properties and custom attributes, add an action, and add conditions. - **[Flexcards Date/Time Input Element Properties (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_date_time_input_element_properties.htm&release=264.0.0&type=5)** For the managed package runtime, Date/Time Input element properties are configurable in the Properties panel when you select a Date/Time element in the Flexcard Designer.Enable users to select a formatted date from a calendar widget and a formatted time from a list of time intervals. - **[Add a Date Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_date_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add a Date Input element on a Flexcard to enable users to select a formatted date from a calendar widget. From the Properties panel, configure properties and custom attributes, add an action, and add conditions. - **[Flexcards Date Input Element Properties (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_date_input_element_properties.htm&release=264.0.0&type=5)** For the managed package runtime, Date Input element properties are configurable in the Properties panel when you select a Date element in the Flexcard Designer. Enable users to select a formatted date from a calendar widget. - **[Add a Multi-Select Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_multi_select_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add a Multi-Select Input element on a Flexcard to enable users to select from multiple options. You can display options as images, checkboxes, buttons, or a dropdown list. From the Properties panel, configure properties and custom attributes, add an action, and add conditions. - **[Flexcards Multi-Select Input Element Properties (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_multi_select_input_element_properties.htm&release=264.0.0&type=5)** For the managed package runtime, Multi-Select Input element properties are configurable in the Properties panel when you select a Multi-Select element in the Flexcard Designer. Enable users to select one or more from a list of possible options. Display options as images, checkboxes, buttons, or a dropdown list. - **[Add an Email Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_an_email_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add an Email Input element on a Flexcard to enable users to enter a valid email address. From the Properties panel, configure properties and custom attributes, add an action, and add conditions. - **[Add a Number Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_number_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add a Number Input element on a Flexcard to enable users to enter a numeric value. From the Properties panel, configure properties and custom attributes, add an action, and add conditions. - **[Add a Radio Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_radio_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add a Radio input element on a Flexcard to enable users to select an item from one or more options. From the Properties panel, configure properties and custom attributes, add an action, and add conditions. - **[Add a Range Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_range_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add a Number Input element on a Flexcard to enable users to select from a range of numbers you specify. From the Properties panel, configure properties and custom attributes, add an action, and add conditions. - **[Add a Select Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_select_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add a Select Input element on a Flexcard to enable users to select an item from a dropdown list. From the Properties panel, configure properties and custom attributes, add an action, and add conditions. - **[Add a Telephone Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_telephone_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add a Telephone Input element on a Flexcard to enable users to enter a valid phone number. From the Properties panel, configure properties and custom attributes, add an action, and add conditions. - **[Add a Text Area Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_text_area_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add a Text Area Input element on a Flexcard to enable users to enter multiple lines of plain text. From the Properties panel, configure properties and custom attributes, add an action, and add conditions. - **[Add a Text Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_text_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add a Text Input element on a Flexcard to enable users to enter one line of plain text. From the Properties panel, configure properties and custom attributes, add an action, and add conditions. - **[Add a Time Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_time_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add a Time Input element on a Flexcard to enable users to select a formatted time from a list of time intervals. From the Properties panel, configure properties and custom attributes, add an action, and add conditions. - **[Trigger Actions with the Toggle Element on a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_trigger_actions_with_the_toggle_element_on_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, trigger an action when a user clicks a toggle element on a Flexcard. Let a user pick between two states, enable or disable an option, or select multiple options. When a user selects the element, its value is sent as a parameter to the action as true or false, or a comma-separated list of user-selected options with the {element.value} merge field. - **[Add a Typeahead Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_typeahead_input_element_to_a_flexcard.htm&release=264.0.0&type=5)** For the managed package runtime, add a Typeahead Input element on a Flexcard to enable users to click into a search field, which provides hints or a list of possible options based on the text the user enters. From the Properties panel, configure properties and custom attributes, add an action, and add conditions.