Follow

Input > Dropdown

Use the Input: Dropdown control in the Capriza Designer to create a dropdown list, e.g. for a menu in the Zapp that enables the user to select one of several options or values. This control is useful for Zapps that require the user to input information prior to submitting a request or approval.

To capture a dropdown, select Input > Dropdown.

Dropdown.png


When hovering over an element on the web page that is a dropdown, a tooltip will appear indicating "Click to include this drop-down menu."

Screen_Shot_2017-05-22_at_3.55.16_PM.png

Capriza will automatically recognize the element as a dropdown and add it and all the items in that dropdown to the Zapp.



Screen_Shot_2017-05-22_at_3.55.37_PM.png

 

Styling Options

Several styling options are available via the In Line Editor (ILE).

 

Screen_Shot_2017-05-22_at_3.58.13_PM.png

  • Presets: Select a predefined mobile style preset for the dropdown.

  • Display: Change the dropdown's width and background color.

  • Use Client Side Filtering: Use this option to filter the available options from the dropdown as the user types. This is done on the mobile device and not in the web app.

  • Show as Modal: By default the dropdown options are displayed as a popover in the page, when the dropdown is opened. If this option is turned on, the open dropdown will be displayed in full page.

  • Content: Select placeholder and tooltip text.

Please refer to Text & Label Styling Options for more information on styling options.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.