Customization → View Designer → Controls → 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.
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. |
Copyright © 2003–2011 Serena Software, Inc. All rights reserved.