diff --git a/src/assets/groups.json b/src/assets/groups.json
index 02358dda..f441a865 100644
--- a/src/assets/groups.json
+++ b/src/assets/groups.json
@@ -29,13 +29,14 @@
"List Views": [
"List", "OrderedList", "ListItem", "ListDivider", "ListButton"
],
- "Output": ["ProgressBar"]
+ "Output": ["ProgressBar"],
+ "Image": ["Image"]
}
],
"Widget Sets": [
{
- "Simple HTML": [ "Text" ],
+ "Simple HTML": [ "Text", "Image" ],
"jQuery Mobile": [
"#0._hidden_node.jqm_toolbars",
"#0.Functional Groups.0.Buttons",
diff --git a/src/js/widgets.js b/src/js/widgets.js
index 0839c5fa..6aa6a992 100644
--- a/src/js/widgets.js
+++ b/src/js/widgets.js
@@ -654,6 +654,51 @@ var BWidgetRegistry = {
template: '%TEXT%'
},
+ /**
+ * Represents a image
+ */
+ Image: {
+ parent: "Base",
+ paletteImageName: "tizen_image.svg",
+ template: '
',
+ properties: {
+ src: {
+ type: "string",
+ defaultValue: "src/css/images/widgets/tizen_image.svg",
+ htmlAttribute: "src",
+ forceAttribute: true
+ },
+ alt: {
+ type: "string",
+ defaultValue: "",
+ htmlAttribute: "alt"
+ },
+ width: {
+ type: "string",
+ defaultValue: "",
+ htmlAttribute: "width"
+ },
+ height: {
+ type: "string",
+ defaultValue: "",
+ htmlAttribute: "height"
+ },
+ align: {
+ type: "string",
+ options:[ "left", "center", "right" ],
+ defaultValue: "left",
+ htmlAttribute: {
+ name: "style",
+ value: {
+ "left": "display:block;margin:auto auto auto 0px",
+ "center": "display:block;margin: 0 auto",
+ "right": "display:block;margin: auto 0px auto auto"
+ }
+ }
+ },
+ },
+ },
+
/**
* Represents an HTML form object. Includes an "action" property with the
* submission URL and a "method" string property that should be "get" or