The Button control enables the user to associate certain actions that need to be performed form when you click on it. In ClaySys AppForms the button can be used for executing actions like save, update, delete, close form or navigate to a different form, etc.
Control Name: Button Group: Standard
General
S.No
Property Name
Data Type
Description
1
Control Name
String
Specifies a unique identifier for the control within the form.
2
Control Type
String
Specifies the type of control.
3
ID
String
Specifies a unique identifier for the Button control.
4
Click Action
String
1.None - If None is selected as the Click Action, no predefined action is performed when the button is clicked. This option is useful when the button action is handled through form rules. 2. Load form - If Load Form is selected as the Click Action, a “Navigate URL” property appears below. Clicking the Browse button next to the Navigate URL opens the Navigate Form window, where the user can select the form to be loaded when the button is clicked. 3. Clear – If Clear is selected as the Click Action, clicking the button clears the values of all controls on the current form. 4. Spellcheck – If Spell Check is selected as the Click Action, clicking the button opens the Spell Check window. This feature works only when the Enable Spellcheck property is enabled for the corresponding text control. 5.CloseForm – If Close Form is selected as the Click Action, clicking the button closes the currently opened form and returns the user to the previous page or the parent form, if applicable.
5
Text
String
Specifies the text displayed on the Button.
6
Tooltip
String
Specifies the text that appears when a user hovers over the Button control. It provides additional information or guidance about the button’s purpose or action.
7
Tab Index
Integer
Specifies the tab order of the Button control within a form. It determines the sequence in which control receives focus when the user navigates through the form using the Tab key.
8
Remarks
String
Allows developers or designers to attach additional descriptive information or comments to the Button control for reference.
Style
S.No
Property Name
Data Type
Description
9
Width
Integer
Sets the suggested width or thickness of the control. It determines the horizontal size of the button.
10
Height
Integer
Sets the suggested height of the control. This specifies how tall the button appears in the form.
11
Text Alignment(Responsive)
String
Sets the text alignment to left, right or center. This is available only in a responsive form.
12
Margin
Integer
Defines the outer spacing around the Button control.
13
Padding
Integer
Specifies the internal spacing between the content text of the Button and its borders.
14
Box Shadow
Integer
Specifies the shadow effect applied to the Button control’s border.
15
Enable Custom Font
Boolean
Specifies whether the Button control should use a custom font instead of the default system font. On enabling this, the “Font” property below will change to “Custom Font” where the font can be provided.
16
Font
String
Sets the font style of the text on the button.
17
Custom Font
String
Sets the custom font style of the text on the button. This will be available only on enabling “Enable Custom Font” property.
18
Font Size
Integer
Specifies the size of the text displayed on the button.
19
Font Color
String
Specifies the color of the text displayed on the button.
20
Background Color
String
Specifies the color that fills the button’s background area.
21
Visible
Boolean
Sets the visibility of the control while rendering.
22
Enable
Boolean
Sets the accessibility of the control during rendering.
23
Bold
Boolean
To make the control text Bold.
24
Italic
Boolean
Italicize the control text.
25
Column Span
Integer
Specifies how many columns a button should occupy in a grid.
26
Corner Radius
Integer
Specifies the roundness of the button’s corners. It allows the button to have rounded edges instead of sharp, square corners, enhancing the visual style and modern look of the UI.
27
Enable Border
Boolean
Determines whether the border of the button is displayed. When set to true, the button shows a visible border according to its border properties (color, thickness, and style).
28
Border Thickness
Integer
Sets the border thickness on enabling the “Enable Border” property.
29
Border Style
String
The border style can be chosen from the listed options on enabling the “Enable Border” property.
30
Border Color
String
The border style can be chosen by enabling the “Enable Border” property.
Rules
S.No
Property Name
Data Type
Description
31
Rules
String
After selecting the control, If the user clicks the Rules tab it will be expanded and displays a Rules property. Create Rule can be selected from a drop down list. On clicking the Create Rule link button will navigate the user to the Rules Engine. The same control will be added as a trigger by default to execute the Rule.
Reports
S.No
Property Name
Data Type
Description
32
Control Report
Control Report will redirect to the Reports tab that will display all the configurations, rules and datasources details associated with the selected control.
Template
S.No
Property Name
Data Type
Description
33
Inherit Template
Boolean
Specifies whether the Button control should inherit the visual and behavioral template from a parent or base template.
Custom Style
S.No
Property Name
Data Type
Description
34
CSS Class
String
This enables the button to adopt predefined styles from CSS, providing flexibility in visual appearance and behavior.
Custom Property
S.No
Property Name
Data Type
Description
35
HTML Attribute
String
The Html Attribute property is used to assign custom HTML attributes to a Button control.
Responsive Options
S.No
Property Name
Data Type
Description
36
Template Name
String
Represents the template name of the control shown in the Responsive UI configuration. The template name is the same as the control’s name.
37
Max Width (px)
Integer
Specifies the maximum width, in pixels, that the control can occupy in the responsive form.