Category : Bootstrap



How to get gravatar image from email using Jquery?

Sometimes, we require to get gravatar image from email address in jquery. So, today i am going to share with you how to get gravatar image from email. Gravatar is a service for providing globally unique avatars. We can simply create our account and set avatar image that we want. There are several developer and users are using this service. So, that way any of site we can simply get avatar image from email address from Gravatar account. Today, in this example i also checked everything, If email does not registered then we can Set default image if user doesn't have Gravatar. So let's follow be.....

By Hardik Savani | October 28, 2016 | | 3117 Viewer | Category : Bootstrap
READ MORE

Twitter Bootstrap - Digital Clock picker with AM PM example using clockface plugin

Today, I am going to share with you how to implement bootstrap digital timepicker with am pm using clockface plugin. We generally require to use timepicker when we work on large application or product base application for storing time. There are several plugin for timepicker in jquery, but if you are using bootstrap and you require digital clock time picker then you have to choose clockface.js plugin. clockface plugin through we can get digital clock picker with best layout. We can also customize timepicker like we can add am pm, without ap pm etc. So, i think it is better if we choose cloc.....

By Hardik Savani | October 25, 2016 | | 6254 Viewer | Category : Bootstrap
READ MORE

Laravel 5.3 - Create Bootstrap Contact US Form using Form Request

Contact Us Page is very basic requirement of any Website that way owner can get feedback from users. So, I am going to share with you how to create simple bootstrap contact us form using Form Request in Laravel 5.3. In this example i create simple "contatctus" table with three simple fields name, email and message. We will simple get value of name, email and message using bootstrap form layout. So you have to just follow bellow few step and you can simple implement contact us form in your website. So, let's follow bellow step and after complete whole example you will find bellow layout page .....

By Hardik Savani | October 23, 2016 | | 50332 Viewer | Category : Bootstrap
READ MORE

PHP - How to convert HTML file to PDF using Dompdf library?

Whenever we work on big PHP application, then we generally require to generate PDF of invoice, data, information, subscription etc. If you use any PHP framework like laravel, codeigniter etc then you have option to other package for generate HTML file into PDF. But if you are working on Code PHP then you fetch problem to how to do it. But in this tutorial i am going to give you very simple example to html to pdf convert using DomPDF library. DomPDF library through we can simply render html layout into PDF file. DomPDF library through we can use write external stylesheets, inline style tags, .....

By Hardik Savani | October 23, 2016 | | 37793 Viewer | Category : Bootstrap
READ MORE

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 | | 59638 Viewer | Category : Bootstrap
READ MORE

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 | | 12233 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 | | 6058 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 | | 3549 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 | | 13866 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 | | 6012 Viewer | Category : Bootstrap
READ MORE

    Laravel 5 client side validation using Parsley.js example

    Laravel 5 client side validation using Parsley.js example

    Open Post

    How to use groupby having with DB::raw in Laravel Query Builder?

    How to use groupby having with DB::raw in Laravel Query Builder?

    Open Post

    Laravel 5 - Generate Captcha code and Validation example using BotDetect package

    Laravel 5 - Generate Captcha code and Validation example using BotDetect package

    Open Post

    How to create custom facade in laravel 5.2?

    How to create custom facade in laravel 5.2?

    Open Post

    AngularJS - How to render HTML value in ng-repeat ?

    AngularJS - How to render HTML value in ng-repeat ?

    Open Post

    PHP - Input multiple tags with dynamic autocomplete example

    PHP - Input multiple tags with dynamic autocomplete example

    Open Post