---
schema_version: "1"
id: c9f6c1d9114d19393b56e1359fd6c6772c1df36c012ad50e462b5f9cf4dd11c5
title: Name Screen Input Component
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/flow_ref_elements_screencmp_name.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.flow_ref_elements_screencmp_name.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: b6acac6481856c37ea809acfa6eb6c25e142a283000f83e65157fbd21a9b4d94
description: Let users enter multiple name values with one screen component. Instead of the Name screen component, you can use Text input fields to capture name information, but it takes a lot more configuration.
products:
  - Flow Builder
  - Salesforce Platform
release: "264"
---
# Name Screen Input Component

Let users enter multiple name values with one screen component. Instead of the Name screen component, you can use Text input fields to capture name information, but it takes a lot more configuration.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=platform.flow_ref_supported_editions.htm&amp;release=264.0.0&amp;type=5" title="Learn about the editions and user interfaces that support Flow Builder. Some Flow Builder features integrate with other Salesforce products that require additional licenses.">View supported editions.</a></td></tr></tbody></table>

![A Name component at run time, which lets the flow users enter their first and last name.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-platform_automation-264-0-0-production-enus/60568438-ec7e-4665-acd1-7c80dcbe60d5/platform_automation/images/flow/flow_screencmp_name.png)

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-platform_automation-264-0-0-production-enus/60568438-ec7e-4665-acd1-7c80dcbe60d5/images/icon_note.png)

Note This screen component requires Lightning runtime.

## Configure the Name Component

You can select resources from the flow, such as variables or global constants, or you can manually enter a value.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:24%">
          <col style="width:76%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d72962e83">Attribute</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d72962e86">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e83 ">
              <strong class="uicontrol">API Name</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e86 ">
              <p>The API name of the component.</p>
              <p style="margin-bottom:0;">An API name can include underscores and alphanumeric characters without spaces.
                It must begin with a letter and can’t end with an underscore. It also can’t have
                two consecutive underscores.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e83 ">
              <strong class="uicontrol">Disabled</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e86 ">
              <p>If set to true, the user can’t
                modify the value. The default value is false.</p>
              <p style="margin-bottom:0;">This attribute accepts a resource
                with a Boolean value.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e83 ">
              <strong class="uicontrol">Fields to Display</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e86 ">
              <p>By default, the component displays only the First Name and Last Name fields, but
                other fields are available. To customize which fields to display at run time, set
                this attribute to a comma-separated list of the field names.</p>
              <ul>
                <li>For First Name, use firstName</li>

                <li>For Last Name, use lastName</li>

                <li>For Middle Name, use middleName</li>

                <li>For Informal Name, use informalName</li>

                <li>For Salutation, use salutation</li>

                <li>For Suffix, use suffix</li>

              </ul>
              <p>This attribute doesn’t control the order that the fields display in.</p>
              <p>For example, to display all the fields, set this attribute to
                <kbd>firstName, lastName, middleName, informalName, salutation,
                  suffix</kbd>.
              </p>
              <p style="margin-bottom:0;">This attribute accepts single-value resources. The value is treated as text.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e83 ">
              <strong class="uicontrol">First Name</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e86 ">
              <p>The value of the First Name field. <span>Setting this attribute prepopulates the field. To use
                  the value that the user enters, store this attribute’s output in a variable.</span></p>
              <p style="margin-bottom:0;">This attribute accepts single-value resources. The value is treated as
                text.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e83 ">
              <strong class="uicontrol">Informal Name</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e86 ">
              <p>The value of the Informal Name field. <span>Setting this attribute prepopulates the field. To use
                  the value that the user enters, store this attribute’s output in a variable.</span></p>
              <p style="margin-bottom:0;">This attribute accepts single-value resources. The value is treated as
                text.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e83 ">
              <strong class="uicontrol">Label</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e86 ">
              <p>The label that appears above the name fields.</p>
              <p style="margin-bottom:0;">This attribute accepts
                single-value resources. The value is treated as text.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e83 ">
              <strong class="uicontrol">Last Name</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e86 ">
              <p>The value of the Last Name field. <span>Setting this attribute prepopulates the field. To use
                  the value that the user enters, store this attribute’s output in a variable.</span></p>
              <p style="margin-bottom:0;">This attribute accepts single-value resources. The value is treated as
                text.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e83 ">
              <strong class="uicontrol">Middle Name</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e86 ">
              <p>The value of the Middle Name field. <span>Setting this attribute prepopulates the field. To use
                  the value that the user enters, store this attribute’s output in a variable.</span></p>
              <p style="margin-bottom:0;">This attribute accepts single-value resources. The value is treated as
                text.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e83 ">
              <strong class="uicontrol">Read Only</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e86 ">
              <p>If set to true, the user can’t
                modify the value, but the user can copy it. The default value is false.</p>
              <p style="margin-bottom:0;">This
                attribute accepts a resource with a Boolean value.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e83 ">
              <strong class="uicontrol">Salutation</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e86 ">
              <p>The value of the Salutation field. <span>Setting this attribute prepopulates the field. To use
                  the value that the user enters, store this attribute’s output in a variable.</span></p>
              <p style="margin-bottom:0;">This attribute accepts single-value resources. The value is treated as
                text.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e83 ">
              <strong class="uicontrol">Salutation Options</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e86 ">
              <p>By default, the options for Salutation are Mr., Mrs., and Ms. To override these
                options, set this attribute to a comma-separated list of values. </p>
              <p style="margin-bottom:0;">This attribute
                accepts single-value resources. The value is treated as text.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e83 ">
              <strong class="uicontrol">Suffix</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e86 ">
              <p>The value of the Suffix field. <span>Setting this attribute prepopulates the field. To use
                  the value that the user enters, store this attribute’s output in a variable.</span></p>
              <p style="margin-bottom:0;">This attribute accepts single-value resources. The value is treated as
                text.</p>
            </td>

          </tr>
        </tbody>
      </table>

## Store the Name Component’s Values in the Flow

The flow stores values automatically. If you store values manually, store the attribute’s output value in a variable.

To store values manually, select **Manually assign variables (advanced)**.

All attributes are available to store in flow variables. Most likely, you must store one of these attributes.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:24%">
          <col style="width:76%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d72962e356">Attribute</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d72962e359">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e356 ">
              <strong class="uicontrol">First Name</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e359 ">
              <p>What the user entered in the First Name field.</p>
              <p style="margin-bottom:0;">This value can be stored in a
                single-value Text variable or a Text field on a record variable.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e356 ">
              <strong class="uicontrol">Informal Name</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e359 ">
              <p>What the user entered in the Informal Name field.</p>
              <p style="margin-bottom:0;">This value can be stored in
                a single-value Text variable or a Text field on a record variable.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e356 ">
              <strong class="uicontrol">Last Name</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e359 ">
              <p>What the user entered in the Last Name field.</p>
              <p style="margin-bottom:0;">This value can be stored in a
                single-value Text variable or a Text field on a record variable.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e356 ">
              <strong class="uicontrol">Middle Name</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e359 ">
              <p>What the user entered in the Middle Name field.</p>
              <p style="margin-bottom:0;">This value can be stored in a
                single-value Text variable or a Text field on a record variable.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e356 ">
              <strong class="uicontrol">Salutation</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e359 ">
              <p>What the user entered in the Salutation field.</p>
              <p style="margin-bottom:0;">This value can be stored in a
                single-value Text variable or a Text field on a record variable.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e356 ">
              <strong class="uicontrol">Suffix</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e359 ">
              <p>What the user entered in the Suffix field.</p>
              <p style="margin-bottom:0;">This value can be stored in a
                single-value Text variable or a Text field on a record variable.</p>
            </td>

          </tr>
        </tbody>
      </table>

![Tip](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-platform_automation-264-0-0-production-enus/60568438-ec7e-4665-acd1-7c80dcbe60d5/images/icon_tip.png)

Tip By default, screen components that run on Lightning runtime version 58 and prior have no memory. If a user enters a value, and then does one of the following, the value is lost.

- Navigates to another screen and returns to the component’s screen.
- Pauses the flow then resumes it.
- Navigates to the next screen and triggers an input validation error.

Setting the attribute enables a flow to remember the value. The flow stores the value automatically. If you store values manually, store the attribute’s output value in a variable.

## Set the Component Visibility

Specify the logic that determines when the flow displays the component.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:24%">
          <col style="width:76%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d72962e497">Option</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d72962e500">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e497 ">
              <strong class="uicontrol">When to Display Component</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e500 ">
              <p>Configure when the component is displayed by using conditional logic. </p>
              <p>You can set the components to:</p>
              <dl>

                <dt style="font-weight:bold;padding-top:.25rem;">Always</dt>

                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Always display the component.</dd>


                <dt style="font-weight:bold;padding-top:.25rem;">When all conditions are met (AND)</dt>

                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Display the component when all of the conditions that you define are met.
                  Define at least one condition.</dd>


                <dt style="font-weight:bold;padding-top:.25rem;">When any condition is met (OR)</dt>

                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Display the component when at least one of the conditions that you define is
                  met. Define at least one condition.</dd>


                <dt style="font-weight:bold;padding-top:.25rem;">When custom conditional logic is met</dt>

                <dd style="padding-left:1.5rem;padding-bottom:.5rem;">Display the component when the condition logic that you define is met.
                  Define at least one condition and specify condition logic.</dd>

              </dl>
            </td>

          </tr>
        </tbody>
      </table>

## Validate Input

Provide a formula that evaluates whether what the user entered is valid and the error message to display if invalid.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:24%">
          <col style="width:76%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d72962e588">Option</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d72962e591">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e588 ">
              <strong class="uicontrol">Error Message</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e591 ">Specify the error message that appears below the component if the user enters
              an invalid value.</td>

          </tr>
          <tr class="">
            <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e588 ">
              <strong class="uicontrol">Formula</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e591 ">
              <p>Provide a formula expression that returns a Boolean value.</p>
              <p>If the formula expression evaluates to <samp>true</samp>, the
                input is valid. If the formula expression evaluates to
                <samp>false</samp>, the error message appears below the
                component.
              </p>
              <p style="margin-bottom:0;">If the user leaves the field blank and the field isn’t required, the flow doesn’t
                perform the validation. If the user leaves the field blank and the field is
                required, the flow shows the default error message and not your custom error
                message.</p>
            </td>

          </tr>
        </tbody>
      </table>

## Specify the Behavior of Values on Revisited Screens

Specify what this component does when a user enters a value, navigates to a previous screen, and then returns to the screen with this component.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:24%">
          <col style="width:76%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d72962e662">Option</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d72962e665">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e662 ">
              <strong class="uicontrol">Use values from when the user last visited this screen</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e665 ">The component retains the values that the user specified and doesn’t update the
              values to reflect changes made on previous screens.</td>

          </tr>
          <tr class="">
            <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e662 ">
              <strong class="uicontrol">Refresh inputs to incorporate changes elsewhere in the flow</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d72962e665 ">
              <p>The component updates the user-specified values to reflect changes made on
                previous screens.</p>
              <p style="margin-bottom:0;" id="flow_ref_elements_screencmp_name__d2976e119"><a name="flow_ref_elements_screencmp_name__d2976e119"><!-- --></a>If you pause and then
                resume the flow, the flow retains user-specified values only in Checkbox, Checkbox
                Group, Currency, Long Text Area, Multi-Select Picklist, Number, Password,
                Picklist, Radio Buttons, and Text components.</p>
            </td>

          </tr>
        </tbody>
      </table>

#### See Also

- [Standard Flow Screen Components](https://help.salesforce.com/s/articleView?id=platform.flow_ref_elements_screencmp.htm&release=264.0.0&type=5 "Salesforce provides several standard screen components that extend the types of input fields available in screens.")