The Image Button control enables the user to associate certain actions that need to be performed form when you click on it, this button allows the user to have an image instead of the regular text label. In ClaySys AppForms the Image button can be used for executing actions like save, update, delete, close form or navigate to a different form, etc.
Control Name: ImageButton Group: Standard
General
S.No
Property Name
Data Type
Description
1
Control Name
String
Specifies the unique identifier for the Image Button control within a form
2
Control Type
String
Indicates the type of control.
3
ID
Integer
Identifies an Image button control in the form.
4
Click Action
String
1. Load form - If “Load Form” is selected as the Click Action, a Navigate URL property will appear below. Clicking the Browse button next to the Navigate URL opens the Navigate Form window, where the user can choose which form should be loaded when the button is clicked. 2. Clear – If “Clear” is selected as the Click Action, clicking the button will clear the values of all the controls on the form.3. Spellcheck – The Spell Check window opens when the user clicks the button. It will function only if the “Enable Spellcheck”option of the textbox is turned on.
5
Image Source
String
Click the upload icon to select and upload an image button from your system.
6
Image URL
String
Specifies the path or URL of the image file to be displayed.
7
Show Border
Boolean
Sets the border of the image button control.
8
Tooltip
String
Used to provide additional information or guidanceabout the checkbox when the user hovers the mouse pointer over it.
9
Tab Index
Integer
Specifies the order in which the control receives focus when the user navigates through controls using the Tab key.
10
Remarks
String
Allows you to add descriptive notes or commentsfor an Image button control.
Style
S.No
Property Name
Data Type
Description
11
Width
Integer
Specifies how wide the Image button control is on a form.
12
Height
Integer
Specifies the vertical size of the Image Button control.
13
Margin
Integer
Specifies the amount of space between the control’s border and its contents.
14
Padding
Integer
It specifies the space between the content of the control and its border.
15
Box Shadow
String
To create a shadow effect around the Image button control for styling purposes.
16
Border Thickness
Integer
The thickness of an Image Button’s border is controlled using this property.
17
Border Color
String
It specifies the color of the border.
18
Visible
Boolean
Determines whether the Image button is shown or hidden on the form.
19
Enable
Boolean
Determines whether the button is interactive or clickable by the user.
20
Corner Radius
Integer
Defines the roundness of the corners of a control’s border.
21
Border Style
String
Determines how the border around the Image Button is rendered.
Rules
S.No
Property Name
Data Type
Description
22
Rules
After selecting the control, clicking the Rules tab will expand it and display the Rules property. From the drop-down list, Create Rule can be selected. Clicking the Create Rule link button will navigate the user to the Rules Engine, with the same control automatically added as a trigger to execute the rule by default.
Reports
S.No
Property Name
Data Type
Description
23
Control Report
The Control Report redirects to the Reports tab, displaying all configurations, rules, and datasource details associated with the selected control.
Template
S.No
Property Name
Data Type
Description
24
Inherit Template
Boolean
Specifies whether the control should inherit the visual and behavioral template from a parent or base template.
Custom Style
S.No
Property Name
Data Type
Description
25
CSS Class
String
This enables the control to adopt predefined styles from CSS, providing flexibility in visual appearance and behavior.
Custom Property
S.No
Property Name
Data Type
Description
26
HTML Attribute
String
The HTML Attribute property of a control allows you to add custom HTML attributes to the control’s underlying HTML element.
Responsive Options
S.No
Property Name
Data Type
Description
27
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.
28
Max Width (px)
Integer
Specifies the maximum width, in pixels, that the control can occupy in the responsive form.