Inspired by the bootstrap sidebar menu from wrapbootstrap.com, I create a cool simple sidebar menu using bootstrap 3 and font awesome framework. Simple sidebar menu / vertical dropdown menu was adopted from example simple sidebar from startbootstrap.com , i just modify to be more cool. The advantages from this sidebar, when the screen size equal […]
Read More →
Create modal dialog form in jquery using bootstrap framework, slightly different from the usual way of jquery-ui. In bootstrap tutorial, we create modal dialog form like the example below
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!-- Button trigger modal --> <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> Launch demo modal </button> <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> |
Some of the rules on the use of the bootstrap modals as quoted on the bootstrap’s official website is as follows Overlapping modals not supported Be […]
Read More →
To create dynamic and exciting sidebar menu, you need a database for the storage and website templates that facilitate in making the layout (In this article, I use adminLTE bootstrap, read my other tutorial here or check adminLTE official website for more information). In this tutorial you will find information about creating and managing dynamic […]
Read More →
Lately I playing around with the bootstrap framework. I will share how to create simple login form with bootstrap and connect it with mysql using PDO. Bootstrap has an elegant look. combined with ajax and jquery , will make your application run faster. Why we must use PDO to create connection with mysql ? PDO – PHP Data […]
Read More →
Hi all, In order to enhance the look of grid system on your website with bootstrap framework, I will share how to create a dynamic grid system. Simply by javascript and jquery will shorten and ease create dynamic grid system. In my case, i use adminLTE template to build dynamic grid in bootstrap. AdminLTE is great and […]
Read More →
Anyone having problems with javascript or jquery checkbox AdminLTE bootstrap framework ? Problems such as the onclick event is not working, checked method doesn’t work and others. Yes, I am one of those people who are confused using the checkbox on the framework. Admin LTE is an absolutely stunning free Bootstrap dashboard theme from almsaeedstudio. It […]
Read More →