examples/bootstrap/RadioSet.bjs

examples/bootstrap/RadioSet.js

diff --git a/examples/bootstrap/RadioSet.bjs b/examples/bootstrap/RadioSet.bjs
index fb406e0..313022f 100644 (file)
--- a/examples/bootstrap/RadioSet.bjs
+++ b/examples/bootstrap/RadioSet.bjs
@@ -5,6 +5,14 @@
  "path" : "/home/edward/gitlive/roojs1/examples/bootstrap/RadioSet.bjs",
  "permname" : "",
  "modOrder" : "001",
+ "strings" : {
+  "0c83f57c786a0b4a39efab23731c7ebc" : "email",
+  "3c0445c81a81e7508168c61674497f7d" : "Sign me in",
+  "b05d72142020283dc6812fd3a9bc691c" : "I forgot my password",
+  "b6d4223e60986fa4c9af77ee5f7149c5" : "Sign in",
+  "5f4dcc3b5aa765d61d8327deb882cf99" : "password",
+  "11268c03b59cc646b0fb7c4cb592130b" : "Register a new menbership"
+ },
  "items" : [
   {
    "String cls" : "bg-black",
@@ -13,8 +21,87 @@
    "String style" : "min-height: 100%;",
    "items" : [
     {
+     "String cls" : "form-box",
      "xtype" : "Container",
-     "$ xns" : "Roo.bootstrap"
+     "$ xns" : "Roo.bootstrap",
+     "items" : [
+      {
+       "String cls" : "header",
+       "xtype" : "Container",
+       "$ xns" : "Roo.bootstrap",
+       "String html" : "Sign in"
+      },
+      {
+       "xtype" : "Form",
+       "$ xns" : "Roo.bootstrap",
+       "items" : [
+        {
+         "String cls" : "body bg-gray",
+         "xtype" : "Container",
+         "$ xns" : "Roo.bootstrap",
+         "items" : [
+          {
+           "xtype" : "Input",
+           "string placeholder" : "email",
+           "$ xns" : "Roo.bootstrap"
+          },
+          {
+           "xtype" : "Input",
+           "string placeholder" : "password",
+           "String inputType" : "password",
+           "$ xns" : "Roo.bootstrap"
+          },
+          {
+           "xtype" : "CheckBox",
+           "String boxLabel" : "Remember me",
+           "$ xns" : "Roo.bootstrap"
+          }
+         ]
+        }
+       ]
+      },
+      {
+       "String cls" : "footer",
+       "xtype" : "Container",
+       "$ xns" : "Roo.bootstrap",
+       "items" : [
+        {
+         "String cls" : "btn-block",
+         "String weight" : "primary",
+         "xtype" : "Button",
+         "$ xns" : "Roo.bootstrap",
+         "String html" : "Sign me in"
+        },
+        {
+         "String tag" : "p",
+         "xtype" : "Container",
+         "$ xns" : "Roo.bootstrap",
+         "items" : [
+          {
+           "String href" : "#",
+           "xtype" : "Link",
+           "$ xns" : "Roo.bootstrap",
+           "String html" : "I forgot my password"
+          }
+         ]
+        },
+        {
+         "String tag" : "p",
+         "xtype" : "Container",
+         "$ xns" : "Roo.bootstrap",
+         "items" : [
+          {
+           "String cls" : "text-center",
+           "String href" : "#",
+           "xtype" : "Link",
+           "$ xns" : "Roo.bootstrap",
+           "String html" : "Register a new menbership"
+          }
+         ]
+        }
+       ]
+      }
+     ]
     }
    ]
   }

diff --git a/examples/bootstrap/RadioSet.js b/examples/bootstrap/RadioSet.js
index 1af3341..7de2e39 100644 (file)
--- a/examples/bootstrap/RadioSet.js
+++ b/examples/bootstrap/RadioSet.js
@@ -4,7 +4,14 @@
 
 RadioSet = new Roo.XComponent({
 
-
+ _strings : {
+  '0c83f57c786a0b4a39efab23731c7ebc' :"email",
+  '3c0445c81a81e7508168c61674497f7d' :"Sign me in",
+  'b05d72142020283dc6812fd3a9bc691c' :"I forgot my password",
+  'b6d4223e60986fa4c9af77ee5f7149c5' :"Sign in",
+  '5f4dcc3b5aa765d61d8327deb882cf99' :"password",
+  '11268c03b59cc646b0fb7c4cb592130b' :"Register a new menbership"
+ },
 
   part     :  ["bootstrap", "RadioSet" ],
   order    : '001-RadioSet',
@@ -26,8 +33,99 @@ RadioSet = new Roo.XComponent({
    items  : [
     {
      xtype : 'Container',
+     cls : 'form-box',
      xns : Roo.bootstrap,
-     '|xns' : 'Roo.bootstrap'
+     '|xns' : 'Roo.bootstrap',
+     items  : [
+      {
+       xtype : 'Container',
+       cls : 'header',
+       html : _this._strings['b6d4223e60986fa4c9af77ee5f7149c5'] /* Sign in */,
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap'
+      },
+      {
+       xtype : 'Form',
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap',
+       items  : [
+        {
+         xtype : 'Container',
+         cls : 'body bg-gray',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap',
+         items  : [
+          {
+           xtype : 'Input',
+           placeholder : _this._strings['0c83f57c786a0b4a39efab23731c7ebc'] /* email */,
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          },
+          {
+           xtype : 'Input',
+           inputType : 'password',
+           placeholder : _this._strings['5f4dcc3b5aa765d61d8327deb882cf99'] /* password */,
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          },
+          {
+           xtype : 'CheckBox',
+           boxLabel : 'Remember me',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          }
+         ]
+        }
+       ]
+      },
+      {
+       xtype : 'Container',
+       cls : 'footer',
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap',
+       items  : [
+        {
+         xtype : 'Button',
+         cls : 'btn-block',
+         html : _this._strings['3c0445c81a81e7508168c61674497f7d'] /* Sign me in */,
+         weight : 'primary',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap'
+        },
+        {
+         xtype : 'Container',
+         tag : 'p',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap',
+         items  : [
+          {
+           xtype : 'Link',
+           href : '#',
+           html : _this._strings['b05d72142020283dc6812fd3a9bc691c'] /* I forgot my password */,
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          }
+         ]
+        },
+        {
+         xtype : 'Container',
+         tag : 'p',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap',
+         items  : [
+          {
+           xtype : 'Link',
+           cls : 'text-center',
+           href : '#',
+           html : _this._strings['11268c03b59cc646b0fb7c4cb592130b'] /* Register a new menbership */,
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          }
+         ]
+        }
+       ]
+      }
+     ]
     }
    ]
   };  }