Button

A Button is used to add a button to a page in the application. You can add use the Events property to add JavaScript that is triggered when a user clicks on the button.

Properties

The Button control has the following properties:

Properties Description
Background-Color

The Background-Color property is used to set the background color of an attribute, control, or widget.

Color

The Color property is used to set the font color of an attribute, control, or widget.

Events

The Events property is used to add JavaScript to a page. For the Button and Image elements, click the buttonassociated with the Events property to display the Code Editor dialog. In the Code Editor dialog, you can write code to be executed in association with theelement (for example, code that executes when the user clicks a button).

Font-Family

The Font-Family property is used to set the font, such as verdana, courier, or arial.

Font-Size

The Font-Size property is used to set the size of a font.

Font-Style

The Font-Style property is used to set the displayed style of the text: normal, italic, or oblique.

Font-Weight

The Font-Weight property is used to set the displayed weight of the text: normal, bold, or bolder.

Height

The Height property is used to specify the height (in pixels) of an attribute, control, or widget.

Left

The Left property is used to set the number of pixels from the left side of a page that an attribute, control, or widget is positioned. Use this property to align the attributes, controls, and widgets on a page.

ID

Read only. The ID property is used to show the unique ID of the design control.

TabIndex

The TabIndex property is used to set the navigation order when using the TAB key. When the user tabs through the page, the field with a Tab Index of "1" will be first field, "2" second, and so on. For a read-only field, you should not add a Tab Index. This lets the user skip over this field when tabbing through the page.

Text-Align

The Text-Align property is used to specify whether text should be right-aligned, left-aligned, centered, or justified.

Text-Decoration

The Text-Decoration property is used to specify whether text should be displayed normally, underlined, overlined, or with a strikethrough bar.

ToolTip

The ToolTip property is used to add customized tool tips for the control or attribute and over rides the default tool tip.

Top

The Top property is used to set the number of pixels from the top of a page that an attribute, control, or widget is positioned. Use this property to align the attributes, controls, and widgets on a page.

Type

Read only. The Type property is used to show the control type. For example, linklabel, button, hr, and so on.

Width

The Width property is used to specify the width (in pixels) of an attribute, control, or widget.

Z-Index

The Z-Index property is used to set the order by which attributes, controls, and widgets are layered on a page. For example, you can layer a form on top of an image.