"items" : [
{
"String cls" : "header",
- "xtype" : "Container",
"tag" : "header",
+ "xtype" : "Container",
"* xinclude" : "Dashboard.Header1",
"$ xns" : "Roo.bootstrap"
},
"xtype" : "Container",
"$ xns" : "Roo.bootstrap",
"items" : [
- {
- "xtype" : "Input",
- "string placeholder" : "Enter email",
- "String fieldLabel" : "Email Address",
- "$ xns" : "Roo.bootstrap",
- "String vtype" : "email"
- },
{
"xtype" : "Input",
"string placeholder" : "Enter password",
"String fieldLabel" : "Password",
"$ xns" : "Roo.bootstrap"
},
+ {
+ "xtype" : "Input",
+ "string placeholder" : "Enter email",
+ "String fieldLabel" : "Email Address",
+ "$ xns" : "Roo.bootstrap",
+ "String vtype" : "email"
+ },
{
"xtype" : "Input",
"string placeholder" : "Enter email",
},
{
"xtype" : "Header",
- "$ xns" : "Roo.bootstrap",
"Number level" : 4,
+ "$ xns" : "Roo.bootstrap",
"String html" : "With Icons"
},
{
},
{
"xtype" : "Header",
- "Number level" : 4,
"$ xns" : "Roo.bootstrap",
+ "Number level" : 4,
"String html" : "With checkbox and radio"
},
{
},
{
"xtype" : "Header",
- "$ xns" : "Roo.bootstrap",
"Number level" : 4,
+ "$ xns" : "Roo.bootstrap",
"String html" : "With buttons"
},
{
},
{
"xtype" : "TextArea",
- "$ xns" : "Roo.bootstrap",
- "String fieldLabel" : "Textarea"
+ "String fieldLabel" : "Textarea",
+ "$ xns" : "Roo.bootstrap"
},
{
"xtype" : "TextArea",
var _this = this;
var MODULE = this;
return {
+ '|xns' : 'Roo.bootstrap',
cls : 'skin-blue',
xtype : 'Body',
xns : Roo.bootstrap,
items : [
Roo.apply(Dashboard.Header1._tree(), {
+ '|xns' : 'Roo.bootstrap',
cls : 'header',
- xtype : 'Container',
tag : 'header',
+ xtype : 'Container',
xns : Roo.bootstrap
}),
{
+ '|xns' : 'Roo.bootstrap',
cls : 'wrapper row-offcanvas row-offcanvas-left',
xtype : 'Container',
'flexy:include' : 'Sidebar.html',
xns : Roo.bootstrap,
items : [
Roo.apply(Dashboard.Sidebar2._tree(), {
+ '|xns' : 'Roo.bootstrap',
tag : 'aside',
cls : 'left-side sidebar-offcanvas',
xtype : 'Container',
xns : Roo.bootstrap
}),
{
+ '|xns' : 'Roo.bootstrap',
tag : 'aside',
cls : 'right-side',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
tag : 'section',
cls : 'content-header',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Header',
xns : Roo.bootstrap,
html : 'General Form Elements <small> Preview </small>'
},
{
+ '|xns' : 'Roo.bootstrap',
tag : 'section',
cls : 'content',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Row',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
md : 6,
xtype : 'Column',
xns : Roo.bootstrap,
sm : 12,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box box-primary',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-header',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-title',
xtype : 'Header',
xns : Roo.bootstrap,
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Form',
labelAlign : 'top',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-body',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
- xtype : 'Input',
- placeholder : 'Enter email',
- fieldLabel : 'Email Address',
- xns : Roo.bootstrap,
- vtype : 'email'
- },
- {
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'Enter password',
inputType : 'password',
xns : Roo.bootstrap
},
{
+ '|xns' : 'Roo.bootstrap',
+ xtype : 'Input',
+ placeholder : 'Enter email',
+ fieldLabel : 'Email Address',
+ xns : Roo.bootstrap,
+ vtype : 'email'
+ },
+ {
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'Enter email',
inputType : 'file',
xns : Roo.bootstrap
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'CheckBox',
boxLabel : 'checkbox',
xns : Roo.bootstrap
},
{
+ '|xns' : 'Roo.bootstrap',
weight : 'primary',
xtype : 'Button',
xns : Roo.bootstrap,
},
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box box-success',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-header',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-title',
xtype : 'Header',
xns : Roo.bootstrap,
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Form',
labelAlign : 'top',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-body',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'size lg',
xns : Roo.bootstrap,
size : 'lg'
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'size md',
xns : Roo.bootstrap,
size : 'md'
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'size sm',
xns : Roo.bootstrap,
},
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box box-danger',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-header',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-title',
xtype : 'Header',
xns : Roo.bootstrap,
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Form',
labelAlign : 'top',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-body',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Row',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
md : 3,
xtype : 'Input',
placeholder : 'md 3',
size : 'md'
},
{
+ '|xns' : 'Roo.bootstrap',
md : 3,
xtype : 'Input',
placeholder : 'md 4',
size : 'md'
},
{
+ '|xns' : 'Roo.bootstrap',
md : 5,
xtype : 'Input',
placeholder : 'md 3',
},
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box box-info',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-header',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-title',
xtype : 'Header',
xns : Roo.bootstrap,
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Form',
labelAlign : 'top',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-body',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'before : @',
xns : Roo.bootstrap,
size : 'md'
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'after: .00',
xns : Roo.bootstrap,
after : 0
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'before $, after: .00',
xns : Roo.bootstrap,
after : 0
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Header',
- xns : Roo.bootstrap,
level : 4,
+ xns : Roo.bootstrap,
html : 'With Icons'
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'before : <i class="fa fa-envelope"></i>',
xns : Roo.bootstrap,
size : 'md'
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'after : <i class="fa fa-after"></i>',
xns : Roo.bootstrap,
after : '<i class=\"fa fa-check\"></i>'
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'after : <i class="fa fa-ambulance"></i> before : <i class="fa fa-dollar"></i>',
xns : Roo.bootstrap,
after : '<i class=\"fa fa-ambulance\"></i>'
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Header',
- level : 4,
xns : Roo.bootstrap,
+ level : 4,
html : 'With checkbox and radio'
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Row',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
md : 6,
xtype : 'Input',
placeholder : '?',
size : 'md'
},
{
+ '|xns' : 'Roo.bootstrap',
md : 6,
xtype : 'Input',
placeholder : 'md 4',
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Header',
- xns : Roo.bootstrap,
level : 4,
+ xns : Roo.bootstrap,
html : 'With buttons'
},
{
before : {
menu : {
+ '|xns' : 'Roo.bootstrap',
xtype : 'Menu',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'MenuItem',
xns : Roo.bootstrap,
html : 'http://',
}
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'MenuItem',
xns : Roo.bootstrap,
html : 'https://',
]
},
+ '|xns' : 'Roo.bootstrap',
weight : 'primary',
xtype : 'Button',
xns : Roo.bootstrap,
]
},
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'before : - an object... ',
xns : Roo.bootstrap,
},
{
after : {
+ '|xns' : 'Roo.bootstrap',
weight : 'success',
xtype : 'Button',
xns : Roo.bootstrap,
html : 'Go'
},
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'after - a button',
xns : Roo.bootstrap,
},
{
+ '|xns' : 'Roo.bootstrap',
md : 6,
xtype : 'Column',
xns : Roo.bootstrap,
sm : 12,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box box-warning',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-header',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-title',
xtype : 'Header',
xns : Roo.bootstrap,
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Form',
labelAlign : 'top',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
cls : 'box-body',
xtype : 'Container',
xns : Roo.bootstrap,
items : [
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'Enter ...',
fieldLabel : 'Text',
xns : Roo.bootstrap
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'Input',
placeholder : 'disabled = true',
disabled : true,
xns : Roo.bootstrap
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'TextArea',
- xns : Roo.bootstrap,
- fieldLabel : 'Textarea'
+ fieldLabel : 'Textarea',
+ xns : Roo.bootstrap
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'TextArea',
placeholder : 'disabled=true',
disabled : true,
fieldLabel : 'Textarea'
},
{
+ '|xns' : 'Roo.bootstrap',
cls : 'has-success',
xtype : 'Input',
placeholder : 'cls = has-success',
xns : Roo.bootstrap
},
{
+ '|xns' : 'Roo.bootstrap',
cls : 'has-warning',
xtype : 'Input',
placeholder : 'cls = has-warning',
xns : Roo.bootstrap
},
{
+ '|xns' : 'Roo.bootstrap',
cls : 'has-error',
xtype : 'Input',
placeholder : 'cls = has-error',
xns : Roo.bootstrap
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'CheckBox',
boxLabel : 'Checkbox 1',
xns : Roo.bootstrap
},
{
+ '|xns' : 'Roo.bootstrap',
checked : true,
weight : 'primary',
xtype : 'CheckBox',
xns : Roo.bootstrap
},
{
+ '|xns' : 'Roo.bootstrap',
xtype : 'CheckBox',
boxLabel : 'Checkbox Disabled',
disabled : true,
xns : Roo.bootstrap
},
{
+ '|xns' : 'Roo.bootstrap',
name : 'radio',
xtype : 'Radio',
boxLabel : 'Radio 1',
value : 1
},
{
+ '|xns' : 'Roo.bootstrap',
name : 'radio',
xtype : 'Radio',
boxLabel : 'Radio (weight=danger)',
weight : 'danger'
},
{
+ '|xns' : 'Roo.bootstrap',
name : 'radio',
xtype : 'Radio',
boxLabel : 'Radio Disabled',
},
{
store : {
+ '|xns' : 'Roo.data',
fields : [ 'item' ],
data : [ [ 'option a'] ,[ 'option b'] ],
xtype : 'SimpleStore',
xns : Roo.data
},
+ '|xns' : 'Roo.bootstrap',
mode : 'local',
name : 'combotest',
valueField : 'item',
},
{
store : {
+ '|xns' : 'Roo.data',
fields : [ 'item' ],
data : [ [ 'option a'] ,[ 'option b'] ],
xtype : 'SimpleStore',
xns : Roo.data
},
+ '|xns' : 'Roo.bootstrap',
mode : 'local',
name : 'combotest',
valueField : 'item',
},
{
store : {
+ '|xns' : 'Roo.data',
fields : [ 'item' ],
data : [ [ 'option a'] ,[ 'option b'] ],
xtype : 'SimpleStore',
xns : Roo.data
},
+ '|xns' : 'Roo.bootstrap',
mode : 'local',
name : 'combotest',
valueField : 'item',