Action Button

Description:

Action Button

Action Buttons are used as triggers for standard actions like Save, New, Refresh etc.

Allowed Parent Components:

1. Button Group

2. Card Body

3. Card Header

4. Col

5. Form

6. Grid Child

Allowed Child Components:

1. Popover

2. Pulse

3. Trigger Before Render

Properties

➤ Action

Select the action to be performed on the button click.

Allowed Values:

1. Save

2. Save Transaction

3. New

4. Clear

5. Delete

6. Refresh

7. Clear & New

8. Delete Selected

9. Reset

➤ Data Source Alias

Allowed Values: Free text field

➤ Transaction Code

Enter transaction code to save the transaction on click of the button.

Allowed Values: Free text field

➤ Color

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

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

➤ Text

Enter a name for the Action Button. e.g. New, Save, Delete etc.

Allowed Values: Free text field

➤ 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

➤ Icon

Use the icons to display images to represent the component.

Allowed Values: Icon List

➤ Block

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

Allowed Values: Yes/No

➤ Button Size

Change this property to resize the button.

Allowed Values:

1. Small

2. Default

3. Large

➤ 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