diff options
author | Lionel LASKE <llaske@c2s.fr> | 2012-09-18 19:16:20 (GMT) |
---|---|---|
committer | Lionel LASKE <llaske@c2s.fr> | 2012-09-18 19:16:20 (GMT) |
commit | 816de0918c28461cc2d1e3457348fd5b6e11950f (patch) | |
tree | 667959b6e32d998a5bf4ae927ea59d88b71bfd44 /html/lib/onyx/source/Groupbox.js |
Initial version
Diffstat (limited to 'html/lib/onyx/source/Groupbox.js')
-rw-r--r-- | html/lib/onyx/source/Groupbox.js | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/html/lib/onyx/source/Groupbox.js b/html/lib/onyx/source/Groupbox.js new file mode 100644 index 0000000..77a0ada --- /dev/null +++ b/html/lib/onyx/source/Groupbox.js @@ -0,0 +1,37 @@ +/** + A Groupbox displays controls as a vertically stacked group. + + A header may be added by placing an <a href="#onyx.GroupboxHeader">onyx.GroupboxHeader</a> as the first control in the Groupbox. + + {kind: "onyx.Groupbox", components: [ + {kind: "onyx.GroupboxHeader", content: "Sounds"}, + {components: [ + {content: "System Sounds"}, + {kind: "onyx.ToggleButton", value: true} + ]}, + {kind: "onyx.InputDecorator", components: [ + {kind: "onyx.Input"} + ]} + ]} + ]} + +*/ +enyo.kind({ + name: "onyx.Groupbox", + classes: "onyx-groupbox" +}); + +/** + A GroupboxHeader is designed to be placed inside an <a href="#onyx.Groupbox">onyx.Groupbox</a>. When a header for a group is desired, + make a GroupboxHeader the first control inside a Groupbox. + + {kind: "onyx.Groupbox", components: [ + {kind: "onyx.GroupboxHeader", content: "Sounds"}, + {content: "Yawn"}, + {content: "Beep"} + ]} +*/ +enyo.kind({ + name: "onyx.GroupboxHeader", + classes: "onyx-groupbox-header" +});
\ No newline at end of file |