Button is an essential way to interact with and navigate through a data, and should clearly communicate what action will occur after the user taps them. Buttons can consist of text. Drag the component onto the page in the place where you want the text to display. The button component is a re-sizable, rectangular button that a user can press with the mouse to initiate an action in the application.


Button in Palette


Sample Load Button



Attributes



Type

Name

Description

UI

Text

Displays text as specified by the value attribute.

General

ID

Displays title of the component.

General

Parent

Displays where it is located in the component.

General

Class

A CSS style to be attached to the component. This

Style is added in addition to styles output by the component.

General

Trash

Users to permanently delete component.


CSS Attributes

Z-index

The z-index specifies the stack order of an element.

An element with greater stack order is always in front of an element with a lower stack order.

CSS Attributes

Add/Edit

It has CSS Editor. We can write different CSS code for

this component.

CSS Attributes

Width

The button's width. Default width is as per the text provided. This attribute will allow for setting exact width.

CSS Attributes

Height

The button's height. This attribute will allow for setting exact height.


Name

Description

Click

When button is clicked

Double Click

When the button is double clicked.

Mouse Down

When the mouse button is pressed down.

Mouse Enter

When the mouse pointer is moves in the button while it is over.

Mouse Leave

When the mouse pointer is moves on over a button.

Mouse Move

When the mouse pointer is moving while it is over a button.

Mouse Out

When the mouse pointer moves out of a button.

Mouse Over

When the mouse pointer is moves in the button while it is over.

Mouse Up

When the button is pressed up.

Focus In

When the button is clicked.

Focus Out

When the mouse pointer is pressed while it is over a button.


Methods

Get value Method: Will return the UI Text value of the button.


Set value Method: Will set the UI Text value of the button.


Created with the Personal Edition of HelpNDoc: Create HTML Help, DOC, PDF and print manuals from 1 single source