Category : Bootstrap


Bootstrap - Input multiple tags example using Tag Manager Jquery Plugin

Today, we are going to learn you how to use tagmanager plugin for input tag in bootstrap project. Now days, we know bootstrap is very popular framework and they provide us several plugins for small things like autocomplete, datepicker, colorpicker etc. Tag Manager is jquery plugin but we can simply integrate with bootstrap. So, in this post i give you very basic example of tagmanager.js plugin for input tags. Tag Manager plugin through we can make input tags function and it's provide by maxfavilli.com. Input tags will help to add multiple tags with good layout and better way. If you need t.....

By Hardik Savani | October 13, 2016 | | 3151 Viewer | Category : Bootstrap
READ MORE

Bootstrap - maxlength validation with count remaining character example

Today, i am going to give you example of How to display remaining textarea or input characters using bootstrap plugin. Bootstrap provide several types of plugin for input, label, textarea, select box etc and also for validation. So for maxlength validation, Bootstrap provide really amazing plugin "bootstrap-maxlength.min.js". maxlength.js through we can count remaining characters of input box. We can also change color of background and also change text message of remaining characters. I had added very simple example to use that plugin so you can check also demo and also run bellow file. S.....

By Hardik Savani | October 11, 2016 | | 1779 Viewer | Category : Bootstrap
READ MORE

Jquery email autocomplete example with demo using jquery.email-autocomplete.min.js

Today, i am going to show you how to make autocomplete email address using Jquery. email-autocomplete plugin through we can simple email autocomplete in our PHP, .net or etc project. In this example i use bellow js and css <strong>1) jquery.js</strong> <strong>2) jquery.email-autocomplete.min.js</strong> <strong>3) bootstrap.min.css</strong> I also use bootstrap for better layout. I created very simple and full example so you don't have to do anything. So, you can run bellow example and also see demo. <strong>Preview:</strong> <img src="/upload/email-autocomplete.png" style="width:100%;bord.....

By Hardik Savani | October 7, 2016 | | 1496 Viewer | Category : Bootstrap
READ MORE

How to implement lazy loading image with example for your website?

Today, we learn how to use lazy load images in our website. In todays market you can see it's very important if your site not take more time in loading. jquery.lazyload.js plugin provide us to forces page images to pause the loading process until the reader has viewed that specific area of the page. lazyload js is very helpful for make less load your web page. In this post i give you very simple and basic example of lazy load images in my html page. Sometimes you see take a long time to load our web images, that's way taking lot's off time to load, But This example through you can prevent im.....

By Hardik Savani | October 4, 2016 | | 4565 Viewer | Category : Bootstrap
READ MORE

PHP - autocomplete websites with domain and logo using clearbit API

Today, i going to give you pretty interesting example of autocomplete websites lists with name, logo and domain using clearbit API. we simply use free clearbit API and get lists of websites. You can simply use it in your PHP and also any framework(Laravel, codeigniter, zend etc). clearbit website provide us several other API too like Reveal, Discovery, Website Logo and etc. In this example i used following library as bellow listed: <strong>1)clearbit</strong> <strong>2)bootstrap</strong> <strong>3)typeahead</strong> Above library through we can make autocomplete of current websites in your .....

By Hardik Savani | October 2, 2016 | | 3174 Viewer | Category : Bootstrap
READ MORE

Twitter typeahead press enter key go to search page.

When i was working with Twitter typeahead auto-complete on my laravel 5 application, But when i press enter key, it's not redirect on my result page. I want to redirect on my result page that way i can display all records of matching search text. I did try to solve many way but i can't solve simply. At last i found way using jquery "on keypress" event. You can see bellow code how it is work. So let's see bellow example: In this example when you press enter on search input box. it will redirect on search page like bellow path: <pre> http://test.hd/search?q=Ala </pre> <strong>Example:</strong.....

By Hardik Savani | September 18, 2016 | | 990 Viewer | Category : Bootstrap
READ MORE

PHP - How to implement Google new reCAPTCHA Code Example with Demo?

We have to use Google captcha code on our registration form, contact form etc because captcha code prevent spams, bots etc. Google provide us to prevent bots sending form requests that way we can protect our site. So, Today i am going to give you very simple example of how to add google reCAPTCHA code in Core PHP from scratch. In this example you have to generate our own API Site Key and Secret from google account. But If you don't know how to generate then no worry, here is the step to generate API Key. we will create two files one "index.php" file for generate view for layout using bootstra.....

By Hardik Savani | August 28, 2016 | | 5736 Viewer | Category : Bootstrap
READ MORE

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 | | 27209 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 | | 27944 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 | | 37371 Viewer | Category : Bootstrap
READ MORE

    Laravel 5 Repository Pattern Tutorial from scratch

    Laravel 5 Repository Pattern Tutorial from scratch

    Open Post

    How to integrate paypal payment gateway with laravel 5.4

    How to integrate paypal payment gateway with laravel 5.4

    Open Post

    Laravel 5 dropbox api file upload example using league/flysystem-dropbox package

    Laravel 5 dropbox api file upload example using league/flysystem-dropbox package

    Open Post

    Laravel 5.2 and AngularJS CRUD with Search and Pagination Example.

    Laravel 5.2 and AngularJS CRUD with Search and Pagination Example.

    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

    How to create authentication(login and registration) in Laravel 5.2?

    How to create authentication(login and registration) in Laravel 5.2?

    Open Post