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

Examples

MaintainAspect Attribute

Demonstrates the different possible values of the MaintainAspect attribute.

XML Code:


Run Example