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:galleryupload
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.
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: