A control on a form that contains an image. The image control can have an image embedded to the ClaySys AppForms or can use an online hosted URL to display the image.
Control Name: Image Group: Standard
General
S.No
Property Name
Data Type
Description
1
Control Name
String
Specifies the unique identifier for the Image control within a form
2
Control Type
String
Indicates the type of control.
3
ID
Integer
Uniquely identifies an Image control in the form
4
Image Source
String
Click the upload icon to select and upload an image from your system.
5
Image Url
String
Specifies the path or URL of the image file to be displayed.
6
ToolTip
String
Used to provide additional information or guidance about the Image when the user hovers the mouse over it.
7
Remarks
String
Allows you to add descriptive notes or commentsfor an Image control.
Style
S.No
Property Name
Data Type
Description
8
Width
Integer
Specifies how wide the Image control is on a form.
9
Height
Integer
Specifies the vertical size of the Image control.
10
Margin
Integer
Specifies the amount of space between the control’s border and its contents.
11
Padding
Integer
Specifies the space between the content of the control and its border.
12
Box Shadow
String
To create a shadow effect around the Image control for styling purposes.
13
Visible
Boolean
Determines whether the Image is shown or hidden on the form.
14
Column Span
Boolean
Specifies how many columns an Image should occupy in a grid.
Attached Label
S.No
Property Name
Data Type
Description
15
Show Label
Boolean
The Show Label propertyof an Image control determines whether the attached labelisvisible or hidden.
16
Label Text
String
The Label Text property of the attached label determines thetext displayed next to the Image control.
17
Label Position
String
The Label Position propertydetermines the placement of the label relative to the Image control.
18
Label Width
Integer
The Label Width property specifies the horizontal width of the label that is attached to the Image control.
19
Label Height
Integer
The Label Height property specifies the vertical height of the label that is attached to the Image control.
20
V Text Alignment
String
The V Text Alignment property determines the vertical positioning of text content within the attached label of Image is editable or display area.
21
Margin
Integer
The Margin property of the attached label defines the space between the label and surrounding elements.
22
Padding
Integer
The Padding property defines the amount of space between the attached label content (text or selected item)and theinside edges (borders)of the control.
23
Box Shadow
String
The Box Shadow property defines the shadow effect that appears around the edges of an attached label.
24
Font
String
It sets the font style of the attached label of Image control.
25
Font Size
Integer
It sets the font size of the attached label of Image control.
26
Bold
Boolean
It sets the bold property for the attached label of Image control.
27
Italic
Boolean
It sets the italic property for the attached label of Image control.
28
Underline
Boolean
It sets the underline property for the attached label of Image control.
29
Font Color
String
The Font Color property determines the color of the text in the label attached to an Image Control.
30
Background Color
String
The Background Color property determines the color displayed behind the Image control, including its box and the area around it.
Reports
S.No
Property Name
Data type
Description
31
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.
Rules
S.No
Property Name
Data Type
Description
32
Rules
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.
Template
S.No
Property Name
Data Type
Description
33
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
34
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
35
HTML Attribute
String
The HTML Attribute property of a DTP control allows you to add custom HTML attributes to the control’s underlying HTML element.
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.