samples/TizenWebUI-sample-v1/tizen-ui-builder-tool/res/descriptors/Tizen-web-ui-fw/widget/html.image.widget.xml

<?xml version="1.0" encoding="UTF-8"?>

<widget id="html.image" displayName="Image"
	smallIcon="image_small.png" icon.16="image_16.png"
	category="HTML"
	description="This widget is a standard HTML widget."
	helpCategory="Tizen_Html"
	helpContents=""
	borderVisible="false">

	<property name="id"          type="string"                 displayName="ID"          default="" category="Common">
		<condition name="string-id" error="string-id"/>
	</property>
	<property name="src"         type="image"                  displayName="Src"         default=""/>
	<property name="width"       type="string"                 displayName="Width"       default="" initValue="288"/>
	<property name="width-unit"  type="tizen.image@unit"       displayName="Width Unit"  default="" initValue="px"/>
	<property name="height"      type="string"                 displayName="Height"      default="" initValue="100"/>
	<property name="height-unit" type="tizen.image@unit"       displayName="Height Unit" default="" initValue="px"/>
	<property name="text-align"  type="tizen.image@text-align" displayName="Align"       default="left"/>
	<property name="display"     type="tizen.image@display"    displayName="Display"     default="block"/>
	<property name="group-border" type="group" displayName="Border Style" default="">
		<property name="border-width" type="style@size" displayName="Width" selector="#%id%">
			<condition name="integer-max" value="999" error="integer-max"/>
		</property>
		<property name="border-color" type="css-color" displayName="Color" selector="#%id%"/>
		<property name="border-style" type="border@style" displayName="Style" selector="#%id%"/>
	</property>

	<event name="ontap" displayName="Tap" eventType="event.defaultevent" />
	<event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
	<event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
	<event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
	<event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" />

	<xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
		<xsl:template match="html.image">
			<div>
				<xsl:attribute name="style">
					<xsl:value-of select="concat('display:', @display , '; text-align:', @text-align)"/>
				</xsl:attribute>
				<img>
					<xsl:attribute name="style">
						<xsl:value-of select="concat('width:', @width , @width-unit, '; height:', @height, @height-unit)"/>
					</xsl:attribute>
					<xsl:call-template name="print-part-id"/>
					<xsl:apply-templates select="@id" mode="simple-property"/>
					<xsl:apply-templates select="@src" mode="simple-property"/>
				</img>
			</div>
		</xsl:template>
	</xsl-for-output>
</widget>