The Button component implements a button that can start application code execution.
The component has different properties available in the design mode and in the web form execution mode. Images used by the component should be loaded in the imageCollection property of the web form.
text. Text displayed in the component
name. Component name.
color. Component background color.
normalState. Image displayed in the component in the normal state.
pushedState. Image displayed in the component in pressed state.
disabledState. Image displayed in the component if the component cannot be used.
hoverState. Image displayed when the mouse cursor is hovered over the component.
imageLayout. Image area relative to button text.
font. Component text font options. If required, one can load custom fonts.
visible. Indicates whether the component is visible on running web form.
enabled. Indicates whether the component is available for the user.
hint. Tooltip text.
showHint. Indicates whether a tooltip is displayed when the cursor is hovered over the component.
position. Method of component positioning on web form or inside container component. The property is set to absolute by default, the component has fixed position and size determined by the coordinate and size properties. If the property is set to relative, component position and sizes change depending on container component sizes. The coordinate property will be unavailable. Component position will be determined by the flexDirection, aligments, justifyContent properties of the parent component, and component sizes will change if the size property is set in percents.
padding. Distance between component borders and component contents. Paddings can be specified in pixels or percents relative to component sizes
flexGrow. The property determines what proportion of container free space can be allocated for the component. If all components are set to 1, container free space is uniformly distributed between the components. If one of the components is set to 2, it occupies two times more free space, and so on. The property is available if the position property is set to relative
size. Component sizes. Sizes can be specified in pixels or percents relative to parent component sizes
coordinate. Coordinate of the top left corner of the component. Coordinates can be specified in pixels or percents relative to parent component sizes. The property is available if the position property is set to absolute.
The component has the onClick event that can start code execution.
See also:
Creating a Web Form and Components Layout