Dropdown

Click to copy

Element for displaying the list of options


Look and Feel Settings:

Label (not mandatory) to be used to show the component's label.

Name (mandatory) - this name will help you find this component in BP.

Left icon (not mandatory) - dropdown left icon.

Right icon (mandatory) - dropdown right icon.

Size (mandatory) - standard dropdown sizes.

Type (mandatory) - standard dropdown layouts.

Trigger (mandatory) - trigger that displays a dropdown list. Hover by default.

Disabled (mandatory) - availability of the dropdown in the application. Is turned off by default.

Visible (mandatory) - makes the component visible if turned on. Enabled by default.


Option:

In this section, you can add and edit dropdown list items


Workflow triggers:

  • onCreate– fires when the element is created on the page;
  • onShow– fires when the component changes its state to visible (displayed on the page);
  • onHide– fires when the component changes its state to hidden (stops being displayed);
  • onDestroy– fires before the component is destroyed;
  • Option onClick - fires when option is clicked.

Component Actions:

Gets the dropdown's properties

Input parameters:

  • Component Id[string] - dropdown component's identifier;

Output parameters:

  • Label[string] - dropdown's label;
  • Icon[string] - dropdown's icon;
  • Type[enum] - dropdown's type;
  • Size[enum] - dropdown's type;
  • Color[string] - dropdown's color;
  • Options[array model] - list of dropdown options;
  • Visible[boolean] - dropdown's visibility state;
  • Disabled[boolean] - dropdown's enabled/disabled state;
  • Loading[boolean] - dropdown's loading state.

Sets all dropdown's properties

Input parameters:

  • Component Id[string] - dropdown component's identifier;
  • Label[string] - dropdown's label;
  • Icon[string] - dropdown's icon;
  • Type[enum] - dropdown's type;
  • Size[enum] - dropdown's type;
  • Color[string] - dropdown's color;
  • Options[array model] - list of dropdown options;
  • Visible[boolean] - dropdown's visibility state;
  • Disabled[boolean] - dropdown's enabled/disabled state;
  • Loading[boolean] - dropdown's loading state.

Update the dropdown's properties

Input parameters:

  • Component Id [string] - dropdown component's identifier;

Output parameters:

  • Label[string] - dropdown's label;
  • Icon[string] - dropdown's icon;
  • Type[enum] - dropdown's type;
  • Size[enum] - dropdown's type;
  • Color[string] - dropdown's color;
  • Options[array model] - list of dropdown options;
  • Visible[boolean] - dropdown's visibility state;
  • Disabled[boolean] - dropdown's enabled/disabled state;
  • Loading[boolean] - dropdown's loading state.

Dropdown | AppMaster Docs