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