Category : Bootstrap


Jquery - draggable sortable table rows example demo with bootstrap

If you need to drag and drop table rows in your project then you can do it easily using jquery ui. jquery ui provide sortable(), it helps to make sortable table each row and also we can perform ajax code etc in sortable function. We can generally use when we require to change order for our product table or etc. In this example you can learn how to drag and drop of your ravle tr using sortable() of jquery ui. I also use bootstrap that way layout become pretty. So you can see bellow example: <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> &l.....

By Hardik Savani | June 17, 2016 | | 47218 Viewer | Category : Bootstrap
READ MORE

Jquery modal dialog prompt using bootstrap bootbox JS example

We sometimes need to use prompt with input in our project because if we use prompt modal is very interesting and specially for GUI. Always we like to use prompt modal for creating data or editing data and also for conformation. In this example i use bootbox JS for prompt modal with input that way we can get input value easily. You can try this: <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Jquery - bootstrap Prompt modal using bootbox.js</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jque.....

By Hardik Savani | June 16, 2016 | | 2881 Viewer | Category : Bootstrap
READ MORE

Jquery notification popup box example using toastr JS plugin with demo

We always need to use notification in our project, because for example if user add new record and we need to display notification with success alert, when comes error then display error notication. So if you use jquery notification popup then it's better that way it's layout looks like good. In this example i use toastr.js plugin that provide several notification type like warning, success, info, error etc and several function. toastr Jquery plugin you can use easily with bootstrap and very customize. You can run bellow example and you can see how it works and pretty good. <strong>Example:</.....

By Hardik Savani | June 10, 2016 | | 22710 Viewer | Category : Bootstrap
READ MORE

Jquery highlight search text in div using highlight JS with example

If you want to highlight search text in your page using jquery then you have to choose highlight JS Jquery plugin. highlight JS Plugin is very simple to use and more simple. In this example i give you example using highlight JS. So, you can also check preview you can see after run bellow example. <strong>Preview:</strong> <img width="100%" style="border:1px solid black" src="/upload/Jquery-highlight-search.png"> In this example you have to just copy code and paste in your index.html file and run that file. After run this file you will found like above preview. <strong>index.html</strong> <pre.....

By Hardik Savani | June 4, 2016 | | 2825 Viewer | Category : Bootstrap
READ MORE

Bootstrap daterangepicker example code with demo using daterangepicker.js

Sometimes, we may require to use daterangepicker in our php project or laravel project etc, then you can use date range picker easily using daterangepicker.js plugin. In this post i give you full example from scratch and also give you demo that way you can check how it's looks like. So just copy bellow code and run in your local system. <img src="/upload/daterangedemo.png" width="100%" class="img-responsive" /> <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Jquery - Bootstrap Daterangepicker Example</title> <scri.....

By Hardik Savani | May 28, 2016 | | 15870 Viewer | Category : Bootstrap
READ MORE

Select box with search option example in Jquery using Chosen Plugin

There are several plugins available in google like select2,selectbox etc, But i found Chosen Plugin for select box with search option. You can also use with bootstrap. I give you full example of select box with search option. After run this example you will find bellow preview. <strong>Preview:</strong> <img width="100%" src="/upload/select-box-with-search-option.png" style="border:2px solid red"> <strong>Example:</strong> <pre class="prettyprint lang-php"> <html lang="en"> <head> <title>Jquery Chosen - Select Box with Search Option</title> <link rel="styl.....

By Hardik Savani | May 18, 2016 | | 8954 Viewer | Category : Bootstrap
READ MORE

Dynamic Autocomplete search using Bootstrap Typeahead JS Example

In this post i am going to show you how to add dynamically Autocomplete using typeahead dynamic. In this post i give you full example that way you can run this example easily in your project. after run this example you can see output like bellow preview. <img width="100%" style="border:2px solid red" src="/upload/Bootstrap-Typeahead-with-Ajax-Example.png"> First we will create ajax.html file for html layout in this file i added jquery and Bootstrap Typeahead code. When you write on input box then you can find Dynamic Autocomplete search using ajax requiest. So, first create aja.html file an.....

By Hardik Savani | May 13, 2016 | | 74501 Viewer | Category : Bootstrap
READ MORE

How to change Bootstrap Datepicker with specific date format?

Bootstrap is a very popular html css framework. Bootstrap through we can make batter responsive design. If you need datepicker with your date format like yyyy-mm-dd, yyyy/mm/dd, dd/mm/yyyy, dd-mm-yyyy etc then you can do it easily. so if you want to set date format then you have to just add one argument format and add format as you want like bellow example: <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Bootstrap Datepicker with format Example</title> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/c.....

By Hardik Savani | May 6, 2016 | | 1967 Viewer | Category : Bootstrap
READ MORE

How to use bootstrap colorpicker example code

In this example i give you how to add color picker in your php application or html etc. this is full example if you just copy and past bellow code then you can find color picker. you no need to install anything. I use bootstrap-colorpicker library for color picker for use colorpicker. bootstrap bootstrap-colorpicker is very popular library. So if you also want to build color picker both then also you can set you can see bellow example. You can see bellow example and use bellow online link example: <strong>Example:</strong> <pre class="prettyprint lang-php"> <html lang="en"> <head>.....

By Hardik Savani | May 5, 2016 | | 5791 Viewer | Category : Bootstrap
READ MORE

How to set bootstrap timepicker using datetimepicker library example code

In this example i give you how to add timepicker in your php application or html etc. this is full example if you just copy and past bellow code then you can find timepicker. you no need to install anything. I use datetimepicker library for timepicker that way you can also set datepicker too. bootstrap datetimepicker is very popular library. So if you also want to build date and timepicker both then also you can set you can see bellow example. I set format "HH:mm:ss" but you can also add your custom format like "HH:mm" etc as you want but try this.... <strong>Example:</strong> <pre class="pre.....

By Hardik Savani | May 3, 2016 | | 9077 Viewer | Category : Bootstrap
READ MORE

    Paytm payment gateway integration example in Laravel 5

    Paytm payment gateway integration example in Laravel 5

    Open Post

    How to send mail using mailable in laravel 5.3?

    How to send mail using mailable in laravel 5.3?

    Open Post

    How to make simple dependent dropdown using jquery ajax in Laravel 5?

    How to make simple dependent dropdown using jquery ajax in Laravel 5?

    Open Post

    Bootstrap form validation example with demo using validator.js plugin

    Bootstrap form validation example with demo using validator.js plugin

    Open Post

    Laravel 5 database backup using Laravel Backup Package

    Laravel 5 database backup using Laravel Backup Package

    Open Post

    iOS 7 style switches for checkboxes example using switchery JS

    iOS 7 style switches for checkboxes example using switchery JS

    Open Post