examples/bootstrap/RadioSet.bjs
[roojs1] / examples / bootstrap / RadioSet.bjs
1 {
2  "name" : "RadioSet",
3  "parent" : "",
4  "title" : "",
5  "path" : "/home/edward/gitlive/roojs1/examples/bootstrap/RadioSet.bjs",
6  "permname" : "",
7  "modOrder" : "001",
8  "strings" : {
9   "ce8ae9da5b7cd6c3df2929543a9af92d" : "Email",
10   "7fa3b767c460b54a2be4d49030b349c7" : "no",
11   "e3917ff2d3b3a88eab391651215d6445" : "Radio Field Lable Left",
12   "9dffbf69ffba8bc38bc4e01abf4b1675" : "Text",
13   "8d80ce38760953b68529d7fc9d8d89b6" : "Radio Field Lable",
14   "a6105c0a611b41b08f1209506350279e" : "yes",
15   "ad3d06d03d94223fa652babc913de686" : "Validate",
16   "b7dc22f0e17f4dfca2940eb0bd0cdc54" : "Radio Set Example"
17  },
18  "items" : [
19   {
20    "String cls" : "bg-black",
21    "xtype" : "Body",
22    "$ xns" : "Roo.bootstrap",
23    "String style" : "min-height: 100%;",
24    "items" : [
25     {
26      "xtype" : "Container",
27      "$ xns" : "Roo.bootstrap",
28      "items" : [
29       {
30        "listeners" : {
31         "render" : "function (_self)\n{\n    _this.form = this;\n}"
32        },
33        "Boolean errPopover" : true,
34        "xtype" : "Form",
35        "$ xns" : "Roo.bootstrap",
36        "items" : [
37         {
38          "xtype" : "Row",
39          "$ xns" : "Roo.bootstrap",
40          "items" : [
41           {
42            "xtype" : "Column",
43            "Number xs" : 12,
44            "$ xns" : "Roo.bootstrap",
45            "items" : [
46             {
47              "xtype" : "Header",
48              "Number level" : 1,
49              "$ xns" : "Roo.bootstrap",
50              "String html" : "Radio Set Example"
51             }
52            ]
53           }
54          ]
55         },
56         {
57          "xtype" : "Row",
58          "$ xns" : "Roo.bootstrap",
59          "items" : [
60           {
61            "xtype" : "Column",
62            "Number xs" : 12,
63            "$ xns" : "Roo.bootstrap",
64            "items" : [
65             {
66              "bool allowBlank" : false,
67              "xtype" : "RadioSet",
68              "string fieldLabel" : "Radio Field Lable",
69              "$ xns" : "Roo.bootstrap",
70              "string indicatorpos" : "right",
71              "string name" : "top_radio",
72              "string labelAlign" : "top",
73              "items" : [
74               {
75                "xtype" : "Radio",
76                "$ xns" : "Roo.bootstrap",
77                "string boxLabel" : "Yes",
78                "string value" : "yes"
79               },
80               {
81                "xtype" : "Radio",
82                "$ xns" : "Roo.bootstrap",
83                "string boxLabel" : "No",
84                "string value" : "no"
85               }
86              ]
87             }
88            ]
89           }
90          ]
91         },
92         {
93          "xtype" : "Row",
94          "$ xns" : "Roo.bootstrap",
95          "items" : [
96           {
97            "xtype" : "Column",
98            "Number xs" : 12,
99            "$ xns" : "Roo.bootstrap",
100            "String style" : "margin-top: 15px;",
101            "items" : [
102             {
103              "bool allowBlank" : false,
104              "xtype" : "RadioSet",
105              "string fieldLabel" : "Radio Field Lable Left",
106              "$ xns" : "Roo.bootstrap",
107              "string indicatorpos" : "right",
108              "Number labelWidth" : 6,
109              "string name" : "left_radio",
110              "string labelAlign" : "left",
111              "items" : [
112               {
113                "xtype" : "Radio",
114                "$ xns" : "Roo.bootstrap",
115                "string boxLabel" : "Yes",
116                "string value" : "yes"
117               },
118               {
119                "xtype" : "Radio",
120                "$ xns" : "Roo.bootstrap",
121                "string boxLabel" : "No",
122                "string value" : "no"
123               }
124              ]
125             }
126            ]
127           }
128          ]
129         },
130         {
131          "xtype" : "Row",
132          "$ xns" : "Roo.bootstrap",
133          "items" : [
134           {
135            "xtype" : "Column",
136            "Number xs" : 12,
137            "$ xns" : "Roo.bootstrap",
138            "String style" : "margin-top: 15px;",
139            "items" : [
140             {
141              "Boolean allowBlank" : false,
142              "String name" : "text_name",
143              "xtype" : "Input",
144              "string placeholder" : "Text",
145              "$ xns" : "Roo.bootstrap"
146             }
147            ]
148           }
149          ]
150         },
151         {
152          "xtype" : "Row",
153          "$ xns" : "Roo.bootstrap",
154          "items" : [
155           {
156            "xtype" : "Column",
157            "Number xs" : 12,
158            "$ xns" : "Roo.bootstrap",
159            "items" : [
160             {
161              "Boolean allowBlank" : false,
162              "String name" : "email_name",
163              "xtype" : "Input",
164              "string placeholder" : "Email",
165              "$ xns" : "Roo.bootstrap",
166              "String vtype" : "email",
167              "String regexText" : "This field should be an e-mail address in the format \"user@domain.com\""
168             }
169            ]
170           }
171          ]
172         },
173         {
174          "xtype" : "Row",
175          "$ xns" : "Roo.bootstrap",
176          "items" : [
177           {
178            "xtype" : "Column",
179            "Number xs" : 12,
180            "$ xns" : "Roo.bootstrap",
181            "String style" : "margin-top: 15px;",
182            "items" : [
183             {
184              "listeners" : {
185               "click" : "function (_self, e)\n{\n    _this.form.isValid();\n}"
186              },
187              "String weight" : "primary",
188              "xtype" : "Button",
189              "$ xns" : "Roo.bootstrap",
190              "String html" : "Validate"
191             }
192            ]
193           }
194          ]
195         }
196        ]
197       }
198      ]
199     }
200    ]
201   }
202  ]
203 }