Demo Post


Bootstrap - Show/Hide(toggle) Password input field using bootstrap-show-password.js Plugin

Sometimes, we may require to hide show password input field so, user can see what he written in password in register form or any other form. So, If you used Bootstrap framework then you can simply do it by using bootstrap-show-password.js plugin. Bootstrap show Password plugin give us to good layout and with we can also custom set class when password hide or show. We can also set toggle hide show password input field. In this full example i use bootstrap-show-password.js plugin for hide show password field. You can sole use this example simply by bellow small example. <strong>Preview:</str.....

By Hardik Savani | October 15, 2016 | | 14228 Viewer | Category : Javascript Bootstrap HTML jQuery
READ MORE

PHP - Input multiple tags with dynamic autocomplete example

In this post i am going to give you the example of Add Multiple input tags with autocomplete from MySQL database table using typeahead bootstrap JS and tagmanager JS. Sometimes we require to make multiple input tags on our form. At that time we require to use jquery plugin for input multiple tags. But here we are going to use tagmanager.js plugin for add multiple input tags. I already added one simple tutorial for tagmanager.js here : <a href="http://itsolutionstuff.com/post/bootstrap-input-multiple-tags-example-using-tag-manager-jquery-pluginexample.html" target="_blank">Bootstrap - Input mu.....

By Hardik Savani | January 24, 2017 | | 12811 Viewer | Category : PHP Bootstrap HTML jQuery MySql Ajax
READ MORE

Laravel 5 custom pagination view example

laravel default also provide pagination view using bootstrap design like next and previous button and number page with link. but it is a very comman and generally used by most of developer. If you want to change it using Presenter class of laravel. you can set your own custom view for your pagination layout. In bellow i give you the example of i added first, last, next and previous button and main banifit is that you can easily modify that view and link. so let's see the preview of image layout of pagination. <strong class="preview">Preview:</strong> <img width="100%" src="/upload/laravel_pa.....

By Hardik Savani | March 23, 2016 | | 12355 Viewer | Category : Laravel
READ MORE

Select only one checkbox at a time using Jquery

If you need to select one checkbox at a time in multiple checkbox, i mean you want to allow anly one checkbox user can check then you can do easily using jquery. jquery prop() through you can give attribute value checked equel to true or false. if you have banch of checkbox like as example, and if you want to check checkbox at time one by using jquery then you can use this code. In following example use for you to do select at a time one. <strong>Example:</strong> <pre class="code language-html"> <html> <head> <title>Select only one checkbox at time</title> <scri.....

By Hardik Savani | February 5, 2016 | | 11791 Viewer | Category : Javascript HTML jQuery
READ MORE

How to set Datepicker in bootstrap?

You are working on bootstrap and you want to add datepicker, then you have to use bootstrap-datepicker library. but if you are new and how to add datepicker in bootstrap then i provide you example of bootstrap datepicker. How to set Datepicker in bootstrap datepicker, how to use datepicker in bootstrap, implement bootstrap datepicker, use bootstrap datepicker in php, how to use bootstrap datepicker in html, bootstrap datepicker example demo. <pre class="code language-html"> <title>How To Use Datepiker</title> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6.....

By Hardik Savani | January 8, 2016 | | 11431 Viewer | Category : PHP Bootstrap
READ MORE

Laravel 5 - GEO chart example and demo using lavacharts package

Today, i going to give you example of how to add geochart in your laravel 5 application using lavacharts package. Normally we used geochart on back-end for check users country wise with graphical way. In this post we will implement geo chart with country and it's total users. lavacharts advantage is you can manage all data with chart matadata from controller, you just render on view. lavacharts provide several other charts like bar chart, Area chart, Column Chart, Pie Chart, Line Chart etc. In this post we will use geo chart with good graphical way. you can use in your laravel application, y.....

By Hardik Savani | July 19, 2016 | | 11070 Viewer | Category : Laravel
READ MORE

Jquery Select2 - Select box with search example code

We always like to choose good plugin for search option in select box. In this example i added select2.js, that provide select box with search option. If you use select2.js, you don't require to add bootstrap js or css. It provides it's own js and css code. I give you full example of select box with search option. After run this example you will find bellow preview. <strong>Preview:</strong> <img src="/upload/select2-search-option.png" style="width:100%;border:1px solid red" /> <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <br/> <head> <br/> .....

By Hardik Savani | July 29, 2016 | | 10195 Viewer | Category : jQuery
READ MORE

Laravel 5 client side validation using Parsley.js example

In this post i want to show you to add client side js validation. Parsley is javascript library that provides lot's of validation for the form. this library you can also you with PHP, .net etc language. But in this post i did give you example with laravel 5 framework. Parsley.js is pretty interesting js library. Parsley.js through you can add required, Email, Number, Integer, Digits, Alphanum, Url, Minlength, Maxlength, Length, Min, Max, Range, Pattern, Check etc validation provide. you can also add custome validation message for this validation rules. you have to just give attribute of Pars.....

By Hardik Savani | April 7, 2016 | | 9785 Viewer | Category : Laravel Parsley JS
READ MORE

Jquery Datepicker example code with demo using Jquery UI

Many times, we may require to use Datepicker in our project. Jquery ui provide Datepicker library that way we can use easily in our any project like php, .net , or any other php framework. In this example i use jquery datepicker in html file with full source code that way you could run own. So just copy bellow code and run in your local system. <strong>Example:</strong> <pre class="prettyprint lang-php"> <html lang="en"> <head> <title>Jquery - Datepicker Example using jquery ui</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js".....

By Hardik Savani | June 19, 2016 | | 9289 Viewer | Category : Javascript HTML jQuery JQuery UI
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 | | 9125 Viewer | Category : Laravel Bootstrap
READ MORE


    Laravel 5 - Simple user access control using Middleware

    Laravel 5 - Simple user access control using Middleware

    Open Post

    How to create Laravel Resource Controller example?

    How to create Laravel Resource Controller example?

    Open Post

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

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

    Open Post

    How to implement infinite ajax scroll pagination in Laravel 5?

    How to implement infinite ajax scroll pagination in Laravel 5?

    Open Post

    How to get location information from ip address in Laravel ?

    How to get location information from ip address in Laravel ?

    Open Post

    How to execute artisan commands from route or controller in Laravel ?

    How to execute artisan commands from route or controller in Laravel ?

    Open Post