Image
A responsive image display component with customizable dimensions and aspect ratio control. Features containment options for different scaling behaviors and supports various image formats with automatic loading state management.
Extends: fieldComponent
Fields
Name | Code | Data Type | Description |
|---|---|---|---|
Image Width |
| text | Sets the width of the displayed image |
Image Height |
| text | Sets the height of the displayed image |
Aspect Ratio |
| text | Defines the aspect ratio for the image display area |
Contain |
| boolean | Ensures the image fits within its container while maintaining aspect ratio |
Label |
| multi-locale | Display label for the image component |
ID |
| text | Unique identifier for the component |
Style Classes |
| text | CSS classes for styling |
Style |
| text | Custom inline styles |
Width |
| text | Controls component width |
Value |
| text | Image source URL or path |
Visible |
| boolean | Controls component visibility |
Enabled |
| boolean | Controls whether component is enabled |
Field Style |
| text | Additional field styling options |
Methods
Name | Description |
|---|---|
| Handles image load completion and triggers change events |
Events
Name | Description |
|---|---|
| Triggered when the image finishes loading |
| Triggered when the image component loses focus |
| Triggered when the image component gains focus |