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.
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.....
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.
<img width="100%" src="/upload/laravel_pa.....
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.
<pre class="code language-html">
<title>Select only one checkbox at time</title>
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>
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.....
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.
<img src="/upload/select2-search-option.png" style="width:100%;border:1px solid red" />
<pre class="prettyprint lang-html">
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.....
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.
<pre class="prettyprint lang-php">
<title>Jquery - Datepicker Example using jquery ui</title>
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.