ss:ajax:delayedload ss:ajax:event ss:ajax:region ss:data:calendar ss:data:column ss:data:repeater ss:data:table ss:data:template ss:data:tree ss:forms:captcha ss:forms:checkbox ss:forms:codeeditor ss:forms:combobox ss:forms:datepicker ss:forms:dialogbox ss:forms:editbox ss:forms:fileupload ss:forms:form ss:forms:hidden ss:forms:money ss:forms:officeuseregion ss:forms:option ss:forms:password ss:forms:paymentmethod ss:forms:radiobutton ss:forms:row ss:forms:searchbox ss:forms:signature ss:forms:slider ss:forms:spinbox ss:forms:submitbutton ss:forms:submitimage ss:forms:submitlink ss:forms:textarea ss:forms:timepicker ss:layout:gallery ss:layout:rotator ss:layout:stepper ss:layout:stepperpanel ss:layout:tablist ss:layout:tablistitem ss:logic:dependency ss:logic:parse ss:logic:if ss:logic:else ss:logic:include ss:logic:variable ss:navigation:breadcrumbs ss:navigation:item ss:navigation:primary ss:navigation:secondary ss:personalisation:firstname ss:personalisation:fullname ss:personalisation:lastname ss:personalisation:other ss:regions:content ss:regions:contentadditional ss:regions:security ss:regions:togglable ss:standard:audio ss:standard:embed ss:standard:icon ss:standard:image ss:standard:label ss:standard:link ss:standard:script ss:standard:video ss:templates:card ss:templates:column ss:templates:faq ss:templates:row ss:templates:section ss:templates:teammember ss:thirdparty:googlemap ss:thirdparty:googlemapmarker
.
.
.

<ss:standard:image />

Standard Image extends the functionality of the native HTML <img> tag. Notable features include automatic reduction of the size of the image served to the client, and the ability for images to maintain their original aspect ratio.

Attributes

height
mixed
Sets the height of the element. The default units are pixels. include the percentage symbol % to user percentage values.
id
string
Give this control a unique id. Can be accessed in the client DOM (eg, document.getElementById('myid'), or in the server DOM using $myid or $('myid')).
maintainAspect
string
How the image should respond if the width and height set are a different ratio to the image's natural size.
  • true - The image will shrink to avoid distortion.
  • false - The image will obey the width and height, and possibly distort.
  • "crop" - The image will obey the width and height, and will allow cropping to avoid distortion.
Default = true.
src
string
The source / location of the image.
width
mixed
Sets the width of the element. The default units are pixels. include the percentage symbol % to user percentage values.
float
string
Whether to float the image left or right. Default = "". Possible other values: "left", "right".
floatOffset
string
If this image is floating inside a paragraph, by using the float attribute, floatoffset controls the distance of the image from the top of the paragraph.
lazy
string

Examples

MaintainAspect Attribute

Demonstrates the different possible values of the MaintainAspect attribute.

XML Code:


Run Example

Related Tutorials