Dropdown Menu
This component allows creating a button with a drop down menu that pops up upon a click. |  |
Public Variables (Properties)
[?]
Common Variables: Name, Visible, Breakpoint, Dropdown Style, Grid Width, Grid Height, Content Overflow, Container Style, Custom Classes, Style, Preloader, Component Bindings, Tooltip.
Label
The text of the dropdown button label.
Variable Name: | label |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
label | String | Label |
Image
The image to display on the dropdown button.
Variable Name: | image |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
imageType | Integer | Choose whether to use data from the imageData field or the imageURL field.
|
imageData | Data Block | Image data. |
imageUrl | String | Image URL. |
Disabled
This flag indicates the component is active. Disabled components do not respond to user input, and are rendered as grayed-out.
Variable Name: | disabled |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
disabled | Double | Disabled |
Placement
Defines the position where the popup menu will appear. This property has several selection values:
Bottom Left
Bottom Center
Bottom Right
Top Left
Top Center
Top Right
Variable Name: | placement |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
placement | String | Placement |
Trigger
Defines the action that will initiate the popup menu appearance. This property has few selection values:
Click - the popup menu will appear on mouse click
Hover - the popup menu will appear on mouse hover
Context Menu - the popup menu will appear on mouse right click
Variable Name: | trigger |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
trigger | Boolean | Trigger |
Menu Items
This property defines a list of menu items displayed by the component.
Variable Name: | dropDownItems |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
image | Data Block | Image. The image to display on the particular dropdown menu item. |
key | String | Key. The unique key of the particular dropdown menu item that can be used to define the graphical presentation and behavior of the menu item group with the same key using CSS. |
type | String | Type. Defines the type of the particular dropdown menu item. This property has two selection values:
|
value | String | Value. The value of the particular dropdown menu item. Put the URL here if the link type is selected. |
description | String | Description. The description of the menu item that will be displayed in the dropdown menu. |
disabled | Boolean | Disabled. This flag indicates the particular dropdown menu item is active. Disabled components do not respond to user input, and are rendered as grayed-out. |
Public Events
[?]
Common Events: Input Change
Was this page helpful?