Category : Bootstrap



How to implement infinite ajax scroll pagination in Laravel 5?

We always want to see auto load more data on page scroll on your home page or other pages for posts, news, listing etc like on facebook, twitter, linkedin etc. If you implemented infinite scroll on your php application then you don't require to give pagination and also not require to page refresh every time when page scroll. So, Today, i going to give you simple example of infinite scroll using jquery ajax on page scroll in laravel application from scratch. I use jquery scroll event for page scroll. this example is pretty simple, you can customize simply for your development. You have to jus.....

By Hardik Savani | August 23, 2016 | | 52982 Viewer | Category : Bootstrap
READ MORE

Simple Add remove input fields dynamically using jquery with Bootstrap

In this tutorial, I am going to show you how to add remove input fields dynamically in your form using jquery. In this simple example, i give you to add multiple input fields with remove button that way you can remove field if you don't require. In this example i use bootstrap also because layout become pretty good. In this example, Simply i added two click event of jquery as listed bellow: <strong>1.add-more Class:</strong> On ".add-more" class that way we can write jquery append code. <strong>2.remove Class:</strong> On ".remove" class that way we can remove input field. I also added "copy.....

By Hardik Savani | August 19, 2016 | | 78210 Viewer | Category : Bootstrap
READ MORE

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 | | 119899 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 | | 99517 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 | | 16647 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 | | 113936 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 | | 12902 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 | | 7980 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 | | 103143 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 | | 2158 Viewer | Category : Bootstrap
READ MORE

    Laravel 5 - Dynamic Dependant Select Box using JQuery Ajax Example - Part 1

    Laravel 5 - Dynamic Dependant Select Box using JQuery Ajax Example - Part 1

    Open Post

    How to implement infinite ajax scroll pagination in Laravel 5?

    How to implement infinite ajax scroll pagination in Laravel 5?

    Open Post

    PHP - How to Convert file(image, audio, video) extension using CloudConvert API?

    PHP - How to Convert file(image, audio, video) extension using CloudConvert API?

    Open Post

    Laravel 5 - GEO chart example and demo using lavacharts package

    Laravel 5 - GEO chart example and demo using lavacharts package

    Open Post

    Laravel 5 - How to get difference of time in minutes?

    Laravel 5 - How to get difference of time in minutes?

    Open Post

    Laravel 5 create word document file using phpoffice/phpword package

    Laravel 5 create word document file using phpoffice/phpword package

    Open Post