Image Widget (Themable)
The Image widget displays an image in the mashup. You can choose the image from a ThingWorx media entity or refer to a URL to load the image.
 |
The Image widget supports all image formats that are supported by the browser in use.
|
|
|
The Image widget is available as a standard widget in the platform and as a web component that you can import from an SDK.
|
The properties of the Image widget follow:
|
Property Name
|
Description
|
Base Type
|
Default Value
|
Bindable? (Y/N)
|
Localizable? (Y/N)
|
|---|---|---|---|---|---|
|
Position
|
Selects the position of the image inside the container. The options are Top, Bottom, Left, Right, and Center.
|
STRING
|
Top
|
N
|
N
|
|
PreventCaching
|
Prevents the web browsers from caching the image.
|
BOOLEAN
|
False
|
Y
|
N
|
|
RawURL
|
Disables sanitization that is applied to the image SourceURL property. Enables you to pass Base64 URLs to the SourceURL property dynamically at runtime. Disabling this property can expose your mashup to security threats and is not recommended. To avoid malicious data and minimize security risks, sanitize data from users by limiting the input to alpha-numeric characters and '=' signs.
|
BOOLEAN
|
False
|
N
|
N
|
|
CustomClass
|
Defines the CSS class of the top div of the widget. When entering multiple classes, separate each class with a space.
|
STRING
|
n/a
|
Y
|
N
|
|
AlternateText
|
Adds a description of the image for screen readers to use.
The text appears on the screen even when image does not appear.
|
STRING
|
n/a
|
Y
|
Y
|
|
SourceURL
|
Enters a URL for the image or selects a media entity.
|
MEDIA ENTITY
|
n/a
|
Y
|
N
|
|
Scaling
|
Selects how the image scales in the container. The options are Width, Height, Fit, Contain, Cover, Actual size, 25% size, 50% size, and 75% size.
|
STRING
|
Width
|
N
|
N
|
|
OnLoad
|
A bindable event that is triggered when the image loads.
|
n/a
|
n/a
|
Y
|
N
|