Category : Bootstrap


Bootstrap - Jquery multiple select with checkboxes example using bootstrap-multiselect.js plugin

Today, i going to give you example of multiple select dropdown with checkbox that way user can select multiple check boxes using bootstrap-multiselect.js plugin of bootstrap jquery. Bootstrap have a lots of plugin like for datepicker, colorpicker, select with search etc. you can integrate easily with your bootstrap project, even if you are working on code PHP, laravel framework, codeigniter framework, symfony framework or etc other framework of PHP. bootstrap-multiselect.js provide us also multiple select with search and radio button etc. In this example i did give select drop down box of it .....

By Hardik Savani | August 17, 2016 | | 4068 Viewer | Category : Bootstrap
READ MORE

Laravel 5 - Multiple Images Uploading using dropzone.js example with demo

We always have to do image uploading in our laravel application, In this post i give you example code of how to upload multiple images using dropzone.js. dropzone.js through we can make image uploading very simply and with best layout. Dropzone.js is a jquery plugin, dropzone.js through we can select one by one image and also with preview. After choose image from browse we can see preview of image. dropzone.js also provide filter like we can make validation for max upload, specific image or file extension etc. In this example i create two route, one for display view and another for store ima.....

By Hardik Savani | August 11, 2016 | | 5048 Viewer | Category : Bootstrap
READ MORE

Laravel notification message popup using toastr js plugin

In this post, i would like show you how to add toastr js plugin notification popup in Laravel from scratch. toastr plugin provide us success message notification, info message notification, warning message notification, error message notification that way we can add notification with good layout. Laravel have also several package for notification but i use toastr js plugin, that provide nice layout and pretty interesting. We require to add one time toastr jquery code for notification, then we can manage using session. In this example you can easily understand how to implement and use. First.....

By Hardik Savani | August 9, 2016 | | 2009 Viewer | Category : Bootstrap
READ MORE

PHP - jquery ajax crop image before upload using croppie plugin

we mostly need to crop image before upload and as specially when we save image for user profile or etc. In this post i tell you how to crop image and save using jquery ajax. In this example i use croppie plugin that provide to crop image with zoom and etc. croppie.js plugin is very professional that way we can easily use for crop profile image. Bellow example through you can implement easily with php and jquery. It is pretty simple example for upload crop and save image php using croppie.js plugin. You have to create two file and one upload directory for store crop image like as bellow: <s.....

By Hardik Savani | August 6, 2016 | | 5215 Viewer | Category : Bootstrap
READ MORE

Bootstrap progress bar animate example using bootstrap-progressbar.js

In this post i give you example of how to use animated progress bar in bootstrap framework. there are several plugin available for progress bar bootstrap, but bootstrap-progressbar.js plugin is pretty simple to use and easily integrate with bootstrap. bootstrap-progressbar.js plugin provide several animation progress bar on your page load like basic, themed, striped, animated, aria and animation. In this example i used animated progress bar. You can also see bootstrap progress bar preview, demo and example code as bellow: <strong>Preview:</strong> <img src="/upload/bootstrap-prograss-bar.p.....

By Hardik Savani | August 3, 2016 | | 1932 Viewer | Category : Bootstrap
READ MORE

Bootstrap SweetAlert - Confirm dialog box model with yes and no option example

When we deal with delete task then we always require to ask with model dialog and yes or no for conformation with message. So, if you have bootstrap then you can use simply SweetAlert plugin. Bootstrap SweetAlert plugin provide alert box, confirm dialog box and prompt box. In this example i use bootstrap js and css and SweetAlert plugin js and css. It is very simple and it gives us better layout that way we don't need to do for design. So let's see demo and get demo code. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <br/> <head> <title>.....

By Hardik Savani | July 26, 2016 | | 1602 Viewer | Category : Bootstrap
READ MORE

Bootstrap form validation example with demo using validator.js plugin

We always need to add validation on form like registration form, contact form, login form etc. we always prefer to give validation error after page refresh but you can give validation without page refresh. If you use bootstrap then you can use easily validator.js plugin. validator.js plugin gives client side validation without page refresh. We can use simply. validator.js plugin we can add validation in our PHP project, or any framework like laravel framework, codeigniter framework, symphony framework etc. In this example i give you how can you give validation for require field, email, minle.....

By Hardik Savani | July 20, 2016 | | 5579 Viewer | Category : Bootstrap
READ MORE

Twitter bootstrap - fancy alert box example and demo using SweetAlert Plugin

We always require to give alert box when something success, warning, info etc. we always use alert() of jquery function, If you used twitter bootstrap then you can use SweetAlert Plugin with fancy alert. SweetAlert Plugin provide a different types of animated alert like for info, primary, success, warning or error. So, you can use anyone as you require. SweetAlert Plugin gives one function swal() with several arguments like title, text, type, showCancelButton etc options so you can make customize alert. In this post i give all types of alert like success, warning, error, info and primary that.....

By Hardik Savani | July 18, 2016 | | 763 Viewer | Category : Bootstrap
READ MORE

Bootstrap Color Picker Example using mjolnic colorpicker plugin

In this post i give you example of how to set simple Bootstrap color picker using mjolnic plugin. We don't use often color picker but maybe we require sometimes. So, if you used bootstrap then you have to choose Bootstrap color picker for select color. mjolnic Bootstrap colorpicker provide several way to use like we can get color code when select color in hex code and also it provide user friendly layout that way it's pretty good. So, let's run bellow example or you can check demo. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <br/> <head> <br/> .....

By Hardik Savani | July 13, 2016 | | 963 Viewer | Category : Bootstrap
READ MORE

Laravel 5 Autocomplete using Bootstrap Typeahead JS Example with Demo

Autocomplete is must if you are dealing with big data table, like you have products table and thousands of records so it's not possible to give drop-down box, but it is better if we use Autocomplete instead of select box. In this example i use Bootstrap Typeahead JS plugin for auto-complete, Typeahead.js plugin provide good layout using bootstrap so it pretty good. You can implement autocomlete in your laravel application just following few step. After this example finish you will find out layout as bellow: <strong>Preview:</strong> <img src="/upload/laravel-autocomplete.png" style="width:10.....

By Hardik Savani | July 9, 2016 | | 5132 Viewer | Category : Bootstrap
READ MORE

    Laravel 5 - How to convert file(image, audio, video) extension using CloudConvert?

    Laravel 5 - How to convert file(image, audio, video) extension using CloudConvert?

    Open Post

    How to create middleware for XSS protection in laravel 5?

    How to create middleware for XSS protection in laravel 5?

    Open Post

    How to integrate google map using gmaps.js in php example?

    How to integrate google map using gmaps.js in php example?

    Open Post

    Laravel 5 - line chart example code using google charts API

    Laravel 5 - line chart example code using google charts API

    Open Post

    Jquery - input tags plugin example using jquery.tagsinput.js plugin

    Jquery - input tags plugin example using jquery.tagsinput.js plugin

    Open Post

    PHP - How to convert HTML file to PDF using Dompdf library?

    PHP - How to convert HTML file to PDF using Dompdf library?

    Open Post