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 Data, 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.

  • 0 - Image Data

  • 1 - URL

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

Boolean

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

String

Trigger

This property defines a list of menu items displayed by the component.

Variable Name:

dropDownItems

Records:

0…Unlimited

Record Format:

Field Name

Field Type

Field Description

dropDownItemImage

Data Block

Image. The image to display on the particular dropdown menu item.

id

String

ID. The unique identifier 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.

itemType

String

Type. Defines the type of the particular dropdown menu item. This property has two selection values:

  • Text - the menu item will act as regular text menu item

  • Link - the menu item will act as a URL menu item opening specified URL in the new web browser tab

title

String

Title. The title of the particular dropdown menu item. Put the URL here if the link type is selected.

tooltip

String

Tooltip. The tooltip of the menu item that will be displayed in the dropdown menu.

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.

parentId

String

Parent Id. The identifier of the parent menu item. Should be defined for non-root items of hierarchical menus.

The id, title, description, and parentId fields were previously named key, value, itemDescription, and parent. The previous names are still recognized, so bindings and expressions that refer to them read and write the same fields. Menu items configured before the renaming are converted to the new field names when the dashboard is loaded.

Public Events

[?]

Common Events: Input Changed

Was this page helpful?