Icon Menu

Description:

Icon Menu

Same as Button Dropdown with icon only support

Allowed Parent Components:

  1. Card Body

  2. Card Footer

  3. Card Header

  4. Card Table Column

  5. Col

  6. Form

  7. Kanban Column

  8. Tab Item

Allowed Child Components:

  1. Button

  2. Popover

  3. Pulse

  4. Trigger Before Render

Properties

➤ Text

Enter a name for the Button Dropdown. e.g. Actions, More etc.

Allowed Values: An expression which should return string after evaluation

➤ Icon

Use the icons to display images to represent the component

Allowed Values: Icon List

➤ Tool Tip

A message which appears when a cursor is positioned over.

Allowed Values: An expression which should return string after evaluation

➤ Tool Tip Position

Select an option to change the placement of the tooltip when appears.

Allowed Values:

  1. left

  2. right

  3. top

  4. bottom

➤ On Click

Allowed Values: Controller Function

➤ Button Size

Select an option to change the size of the button.

Allowed Values:

  1. Small

  2. Default

  3. Large

➤ Placement

Select an option for the placement of the button.

Allowed Values:

  1. Top

  2. Bottom

➤ Color

Select a color or enter the custom class to change the color of the button.

Allowed Values: Select a color or enter the custom class to change the color of the button.

➤ Class Name Expression

Allowed Values: An expression which should return string after evaluation

Check this property to show the button as an HTML link.

Allowed Values: Yes/No

➤ Block

Check this to get the content in a new row with 100% width.

Allowed Values: Yes/No

➤ Margin

Select a value to add margin on all four sides of the component. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.

Allowed Values: Any number value

➤ Margin Bottom

Select a value to add margin on the bottom of the component.

Allowed Values: Any number value

➤ Margin Left

Select a value to add margin on the left of the component.

Allowed Values: Any number value

➤ Margin Right

Select a value to add margin on the right of the component.

Allowed Values: Any number value

➤ Margin Top

Select a value to add margin on the top of the component.

Allowed Values: Any number value

➤ Padding

Select a value to add padding on all four sides of the component. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.

Allowed Values: Any number value

➤ Padding Bottom

Select a value to add padding in the bottom of the component.

Allowed Values: Any number value

➤ Padding Left

Select a value to add padding in the left of the component.

Allowed Values: Any number value

➤ Padding Right

Select a value to add padding in right of the component.

Allowed Values: Any number value

➤ Padding Top

Select a value to add padding in top of the component.

Allowed Values: Any number value

Last updated