Flow Connect Help
Roadmap
  • ℹ️This is Flow Connect
    • Overview
    • Technical overview
      • System requirements
    • What's new?
      • Change log
  • ▶️quick start
    • Create an application
    • Create an admin access group
  • 🔁working with Connect
    • Connect to systems
      • Connector agents
        • Add agent group
        • Install agent manager
        • Add agent
        • Manage agent
      • Connectors
        • IFS Applications 10
        • Oracle
        • Microsoft SQL Server
        • Send Email
        • REST
          • Microsoft Graph API
          • Infor M3 REST
            • Obtaining Infor ION API file
            • Configure REST Connector with ION API file
          • IFS Cloud
            • IAM Client Registration
            • Obtaining end-point info from IFS Cloud
            • Configure REST Connector for IFS Cloud
      • Redirect URIs
    • Create and design
      • Application packages
      • Applications
        • Create
        • Design
        • Test
        • Commit
      • Portal Pages
        • Create Portal Page
        • Design Portal Page
        • Commit Portal Page
      • Components
        • Create component
        • Manage component
      • Modules
        • Create module
        • Manage module
      • Automations
        • Functionality
        • Create Automation
        • Manage Automation
        • Creating Access Key
    • Deploy
      • Environments
      • Deploy
    • Use
      • On mobile devices
      • In web browser - Web client
      • In web browser - Portal
    • Share
      • Share Applications
    • User administration
      • Users
        • Invite a new user
        • Manage users
      • User groups
        • Create user groups
        • Manage user groups
      • Access
        • Manage access
  • ⏸️Reference
    • How-to guides
      • Create User Step controls
        • Header
        • Static text
        • Labelled static text
        • Link
        • Image viewer
        • Text input
        • Numeric input
        • Date input
        • Time input
        • Check box input
        • Binary option input
        • List selection input
        • List multi-selection input
        • Menu selection input
        • Data grid
        • Calendar control
        • Image selection input
        • List presentation
        • Camera Input
      • Dependent controls in User step
        • Variable source
        • Expression source
        • Control visibility (condition to hide)
      • Configure SSO for Microsoft Entra
    • Reference
      • Clients
        • Settings
        • My data
      • Designer
        • Controls
          • Header
          • Static text
          • Labeled static text
          • Link
          • External app launcher
          • Image viewer
          • Text input
          • Numeric input
          • Date input
          • Time input
          • Check box input
          • Binary option input
          • List selection input
          • List multi-selection input
          • Menu selection input
          • Data grid
          • Calendar
          • Image selection input
          • List presentation
          • Camera input
          • File gallery
          • GPS location input
          • Signature capture input
          • Item creation sub task
          • Check list sub task
          • Verb sub task
        • Steps
          • Start
          • User interaction
          • External system
          • Decision
          • Assertion
          • HTTP requests
          • Assignment
          • Table
          • Event listener
          • Checkpoint
          • Script
          • Annotation
          • End
          • Local data resource
      • Portal
        • Design items
          • Portlets
            • Accumulation chart
            • Base chart
            • Circular gauge
            • Custom content
            • Data tree
            • Document viewer
            • Filter
            • Kanban
            • KPI card
            • Link
            • My apps
            • Record
            • Rich text
            • Table
          • Container
          • Common portlet configuration
            • General
            • Events
            • Data
            • Custom buttons
            • Style
        • Portal settings
          • Branding
          • Page
          • Navigation
        • Profile
        • Portlet actions
        • Cache
        • Input to Start Step
      • Diagnostic mode
      • FlowScript
        • Walkthrough
          • Introduction
          • Expressions and programs
          • Anatomy of a program
          • Variables
          • Simple types
          • Nullable types
          • Records
          • Sequences
          • Other types
          • Arithmetic
          • Other expressions
          • Queries
          • Conditionals and loops
          • Function definitions
          • Built-in functions
          • DateTime module
          • Seq module
          • HTTP module
          • CSV module
          • JSON module
          • Trace module
          • Record module
          • XML Module
          • Custom modules
          • Custom Types
          • Appendix: Subtyping rules
          • Appendix: Escape sequences
          • Appendix: Type checking errors
      • Flowscript Copilot
      • Glossary
    • Flow Connect Downloads
      • Install Flow Connect Designer
    • Migrate from Flow Classic
      • Portal - migrate from Flow Classic
      • Classic vs. Connect Comparison Guide
Powered by GitBook
On this page
  • Prerequisite data
  • Add a menu selection input
  • Add configuration

Was this helpful?

  1. Reference
  2. How-to guides
  3. Create User Step controls

Menu selection input

This guide will take you through how to set up a menu selection input.

PreviousList multi-selection inputNextData grid

Last updated 10 months ago

Was this helpful?

Prerequisite data

No connectors will be used in this example, but data from table steps will be utilized. Please download the file below; it will be used to import into the required table steps

Add a menu selection input

  1. Open an existing or create a new one in an and open it in the Designer.

    1. Add a User step.

    2. Add a Table step.

    3. Open the Table step and select Import File.

    4. Choose the semicolon separator and click OK.

    5. Select the "List selection.csv" file downloaded in the prerequisite section above.

    6. Set the table variable name to "Articles" and click OK.

    7. Change the step name to "Articles". It's good practice to name steps after their content.

    8. Right-click on the "Articles" step, select Add data arrow, and connect it to the User step created in step 1.

  1. Open the User step.

    1. Add a Menu Selection input.

    2. In the Target Variable, write "article".

    3. Under Data Source, in Table Variable, choose the table "Articles".

    4. Under Appearance, in Prompt, write "Choose an article".

    5. In Large Row Text, write "{Name}".

    6. Under behaviour, set the Field to Select to "{Name}".

  2. Click the Play button in the top right-hand corner to run the application in diagnostic mode.

Add configuration

The Menu selection input enforces a selection by not giving an empty option. If you wish to leave the variable empty, you need to add an Empty Option.

  1. Go back to the Designer.

    1. Under the Empty Option section, check the "Show Empty Option" checkbox.

    2. Set the Text of Empty Option to "Not applicable".

    3. Check the "Allow Empty Option Selection" checkbox.

    4. Run the application in diagnostic mode again.

  2. You can also set a default value to display the value you wish to highlight.

    1. Under Behaviour, in Default Value, write "{"Small box"}".

    2. Click the Play button in the top right-hand corner to run the application in diagnostic mode.

  1. Condition to hide

    1. In the Condition To Hide, write “{userId = “your user id”} (the user Id you log in to Connect with)

    2. Run the application in diagnostic mode again.

⏸️
application
application package
181B
List selection.csv
The Large Row Text shows the articles names. The table is displayed in a drop down menu.
All articles displayed.
There is now a Not applicable option, allowing the user to not choose one of the articles to move forward.
The small box is now shown as chosen value.
The list is now hidden since the condition is fulfilled.