Image — Reference

Image

Image settings and events. Select the component in App Structure to find these controls in Properties.

Image Properties

Name	Description
ID	Default: "". Attribute: id.
Class	Default: "". Attribute: class.
Src	Image source URL. Sets the image src attribute. Use relative paths for local assets and absolute URLs for remote images. For responsive images, consider using srcset and sizes when available. Bootstrap docs: Images Default: "". Attribute: src.
Width	Sets image width attribute. Sets the HTML width attribute for the image. Prefer Bootstrap sizing utilities for responsive layouts. Use attributes mainly to help browsers reserve layout space. Bootstrap docs: Sizing Default: "". Attribute: width.
Height	Sets image height attribute. Sets the HTML height attribute for the image. Prefer Bootstrap sizing utilities for responsive layouts. Use attributes mainly to help browsers reserve layout space. Bootstrap docs: Sizing Default: "". Attribute: height.
Alt	Alternative text. Sets the alt attribute for accessibility. Provide a meaningful description when the image conveys information; use empty alt text for purely decorative images. Bootstrap docs: Images Default: "". Attribute: alt.
Loading	Controls lazy loading. Controls the browser image loading behavior. Sets loading (for example lazy ) to defer offscreen image loading and improve initial page load time. Bootstrap docs: Images Options: Eager, Lazy (lazy) Default: "". Attribute: loading.

Dynamic attributes

Name	Description
Enter Animation	Choose In Animation.
Leave Animation	Choose In Animation.
Move Animation	Choose the Animation easing.
Inview Animation: Name	Choose In Animation.
Inview Animation: Start	Choose In Animation.
Outview Animation	Choose Out Animation.
Image Source	Choose dynamic data binding.
Loading	Choose dynamic data binding.
Width	Choose dynamic data binding.
Height	Choose dynamic data binding.
Alt	Choose dynamic data binding.
Image Parallax	Choose Parallax Direction.
Lazy Load: Sizes	This option is part of the dynamic attribute configuration.
Lazy Load: Src	Choose value for the lazy load src value.
Lazy Load: Srcset	This option is part of the dynamic attribute configuration.
Lazy Load: Sizes	This option is part of the dynamic attribute configuration.
Dynamic Lazy Load: Src	Choose dynamic data binding for the lazy load src value.
Dynamic Lazy Load: Srcset	This option is part of the dynamic attribute configuration.
Dynamic Lazy Load: Sizes	This option is part of the dynamic attribute configuration.

Dynamic events

Name	Description
Before Unveil	Action: Choose the action to execute.
Lazy Loaded	Action: Choose the action to execute.
Before Sizes	Action: Choose the action to execute.