11---
22layout: default
33title: Demos
4- redirect_from:
5- - /demo-basic.html
6- - /demo-widgets.html
4+ redirect_from:
5+ - /demo-basic.html
6+ - /demo-widgets.html
77---
88
99< section class ="bs-docs-section clearfix ">
1010 < h1 id ="basic " class ="page-header ">
1111 Basic
1212 </ h1 >
1313
14- < p > This demo shows the basic features of the QueryBuilder. Click one of the blue buttons to trigger the validation and display the output.</ p >
14+ < p > This demo shows the basic features of the QueryBuilder. Click one of the blue buttons to trigger the validation and
15+ display the output.</ p >
1516
1617 < a href ="{{site.github.url}}/assets/demo-basic.js " class ="btn btn-default "> < b > </></ b > See source</ a >
1718
@@ -32,10 +33,13 @@ <h1 id="widgets" class="page-header">
3233 Widgets
3334 </ h1 >
3435
35- < p > This demo shows how to integrates widgets into QueryBuilder rules. Widgets used are < a href ="https://github.com/eternicode/bootstrap-datepicker "> Bootstrap Datepicker</ a > ,
36- < a href ="https://github.com/seiyria/bootstrap-slider "> Bootstrap Slider</ a > and < a href ="https://github.com/brianreavis/selectize.js "> Selectize</ a > .< br >
37- The filter < b > Coordinates</ b > shows how to define a custom input (here two linked <select>) without using a plugin.</ p >
38-
36+ < p > This demo shows how to integrates widgets into QueryBuilder rules. Widgets used are < a
37+ href ="https://github.com/eternicode/bootstrap-datepicker "> Bootstrap Datepicker</ a > ,
38+ < a href ="https://github.com/seiyria/bootstrap-slider "> Bootstrap Slider</ a > and < a
39+ href ="https://github.com/brianreavis/selectize.js "> Selectize</ a > .< br >
40+ The filter < b > Coordinates</ b > shows how to define a custom input (here two linked <select>) without using a
41+ plugin.</ p >
42+
3943 < a href ="{{site.github.url}}/assets/demo-widgets.js " class ="btn btn-default "> < b > </></ b > See source</ a >
4044
4145 < div class ="col-md-12 col-lg-10 col-lg-offset-1 ">
@@ -56,7 +60,7 @@ <h1 id="plugins" class="page-header">
5660 </ h1 >
5761
5862 < p > This demo uses all < a href ="{{site.github.url}}/plugins.html "> plugins</ a > with their default configuration.</ p >
59-
63+
6064 < a href ="{{site.github.url}}/assets/demo-plugins.js " class ="btn btn-default "> < b > </></ b > See source</ a >
6165
6266 < div class ="col-md-12 col-lg-10 col-lg-offset-1 ">
@@ -77,7 +81,7 @@ <h1 id="import_export" class="page-header">
7781 </ h1 >
7882
7983 < p > This demo shows how SQL and MongoDB import/export features are working.</ p >
80-
84+
8185 < a href ="{{site.github.url}}/assets/demo-import-export.js " class ="btn btn-default "> < b > </></ b > See source</ a >
8286
8387 < div class ="col-md-12 col-lg-10 col-lg-offset-1 ">
@@ -86,16 +90,19 @@ <h1 id="import_export" class="page-header">
8690 < div class ="btn-group ">
8791 < button class ="btn btn-warning reset " data-target ="import_export "> Reset</ button >
8892 </ div >
89-
93+
9094 < div class ="btn-group ">
9195 < button class ="btn btn-success set-sql " data-target ="import_export "> Set rules from SQL</ button >
9296 < button class ="btn btn-success set-mongo " data-target ="import_export "> Set rules from MongoDB</ button >
9397 </ div >
9498
9599 < div class ="btn-group ">
96100 < button class ="btn btn-primary parse-sql " data-target ="import_export " data-stmt ="false "> SQL</ button >
97- < button class ="btn btn-primary parse-sql " data-target ="import_export " data-stmt ="question_mark "> SQL statement (?)</ button >
98- < button class ="btn btn-primary parse-sql " data-target ="import_export " data-stmt ="named "> SQL statement (named)</ button >
101+ < button class ="btn btn-primary parse-sql " data-target ="import_export " data-stmt ="question_mark "> SQL statement
102+ (?)
103+ </ button >
104+ < button class ="btn btn-primary parse-sql " data-target ="import_export " data-stmt ="named "> SQL statement (named)
105+ </ button >
99106 < button class ="btn btn-primary parse-mongo " data-target ="import_export "> MongoDB</ button >
100107 </ div >
101108 </ div >
@@ -125,5 +132,7 @@ <h1 id="import_export" class="page-header">
125132< script src ="{{site.github.url}}/assets/demo.js "> </ script >
126133
127134< style >
128- .code-popup { max-height : 500px ; }
129- </ style >
135+ .code-popup {
136+ max-height : 500px ;
137+ }
138+ </ style >
0 commit comments