{"id":397,"date":"2015-03-25T23:48:08","date_gmt":"2015-03-25T23:48:08","guid":{"rendered":"http:\/\/razonartificial.com\/themes\/reason-wp\/?page_id=397"},"modified":"2015-03-25T23:48:08","modified_gmt":"2015-03-25T23:48:08","slug":"switch-controls","status":"publish","type":"page","link":"https:\/\/test.innovative8.uk.com\/wp3\/switch-controls\/","title":{"rendered":"Switch Controls"},"content":{"rendered":"<h1 class=\"section-title no-margin-top\">Switch Controls<\/h1>\n<p class=\"alert alert-info\">Learn more on the official website: <a href=\"http:\/\/www.bootstrap-switch.org\/\">http:\/\/www.bootstrap-switch.org<\/a>.<\/p>\n<p>Turn checkboxes and radio buttons in toggle switches.<\/p>\n<h3>Checkbox Switch<\/h3>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<h5>Whithout Label<\/h5>\n<p>                    <input type=\"checkbox\" name=\"my-checkbox\" checked><\/p><\/div>\n<div class=\"col-md-6\">\n<h5>Whith Label<\/h5>\n<p>                    <input type=\"checkbox\" name=\"my-checkbox\" data-label-width=\"80\" data-label-text=\"Label text\" checked>\n                <\/div>\n<\/p><\/div>\n<p> <!-- row --><\/p>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<h5>Different sizes<\/h5>\n<p>                    <input type=\"checkbox\" name=\"my-checkbox\" data-size=\"mini\" checked> <strong>mini<\/strong><\/p>\n<p>                    <input type=\"checkbox\" name=\"my-checkbox\" data-size=\"small\" checked> <strong>small<\/strong><\/p>\n<p>                    <input type=\"checkbox\" name=\"my-checkbox\" data-size=\"normal\" checked> <strong>normal<\/strong><\/p>\n<p>                    <input type=\"checkbox\" name=\"my-checkbox\" data-size=\"large\" checked> <strong>large<\/strong>\n                <\/div>\n<div class=\"col-md-6\">\n<h5>Different colors<\/h5>\n<div class=\"row\">\n<div class=\"col-sm-6\">\n                            <strong>Default Color<\/strong><br \/>\n                            <input type=\"checkbox\" name=\"my-checkbox\" data-on-color=\"default\" checked><br \/>\n                            <br class=\"visible-xs\"><br class=\"visible-xs\">\n                        <\/div>\n<div class=\"col-sm-6\">\n                            <strong>Default Color<\/strong><br \/>\n                            <input type=\"checkbox\" name=\"my-checkbox\" data-on-color=\"info\" checked>\n                        <\/div>\n<\/p><\/div>\n<p><\/p>\n<div class=\"row\">\n<div class=\"col-sm-6\">\n                            <strong>Default Color<\/strong><br \/>\n                            <input type=\"checkbox\" name=\"my-checkbox\" data-on-color=\"success\" checked><br \/>\n                            <br class=\"visible-xs\"><br class=\"visible-xs\">\n                        <\/div>\n<div class=\"col-sm-6\">\n                            <strong>Default Color<\/strong><br \/>\n                            <input type=\"checkbox\" name=\"my-checkbox\" data-on-color=\"royal\" checked>\n                        <\/div>\n<\/p><\/div>\n<p><\/p>\n<div class=\"row\">\n<div class=\"col-sm-6\">\n                            <strong>Default Color<\/strong><br \/>\n                            <input type=\"checkbox\" name=\"my-checkbox\" data-on-color=\"warning\" checked><br \/>\n                            <br class=\"visible-xs\"><br class=\"visible-xs\">\n                        <\/div>\n<div class=\"col-sm-6\">\n                            <strong>Default Color<\/strong><br \/>\n                            <input type=\"checkbox\" name=\"my-checkbox\" data-on-color=\"danger\" checked>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<h3 class=\"no-margin-bottom\">Radio Switch<\/h3>\n<div class=\"row\">\n<div class=\"col-sm-6\">\n<h5>Disabled<\/h5>\n<p>                    <input type=\"radio\" name=\"radio1\" checked class=\"switch-radio1\"><br \/>\n                    <input type=\"radio\" name=\"radio1\" class=\"switch-radio1\"><br \/>\n                    <input type=\"radio\" name=\"radio1\" class=\"switch-radio1\">\n                <\/div>\n<div class=\"col-sm-6\">\n<h5>Enabled<\/h5>\n<p>                    <input type=\"radio\" name=\"radio2\" checked data-radio-all-off=\"true\" class=\"switch-radio2\"><br \/>\n                    <input type=\"radio\" name=\"radio2\" data-radio-all-off=\"true\" class=\"switch-radio2\"><br \/>\n                    <input type=\"radio\" name=\"radio2\" data-radio-all-off=\"true\" class=\"switch-radio2\">\n                <\/div>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Switch Controls Learn more on the official website: http:\/\/www.bootstrap-switch.org. Turn checkboxes and radio buttons in toggle switches. Checkbox Switch Whithout Label Whith Label Different sizes mini small normal large Different colors Default Color Default Color Default Color Default Color Default Color Default Color Radio Switch Disabled Enabled<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-left-menu.php","meta":{"footnotes":""},"class_list":["post-397","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/comments?post=397"}],"version-history":[{"count":0,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/397\/revisions"}],"wp:attachment":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/media?parent=397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}