Tag : Bootstrap Plugin



Bootstrap star rating example using bootstrap-star-rating plugin

Today i am going to share with you design layout of bootstrap star rating in html. We may sometime require to do star rating system in your php, laravel, codeigniter etc projects. but you think how to make design for star rating because layout is always most important. If you doing manually using js and css then i don't think you can do it quickly, so it can take time. Here, we are going to use bootstrap-star-rating bootstrap plugin for star rating. bootstrap-star-rating plugin provide very simple way to make five star design with jquery code. Also they are give us very easy way to do this. w.....

By Hardik Savani | September 15, 2017 | | 10575 Viewer | Category : Bootstrap HTML
READ MORE

Simple Tags System Example in Laravel 5

If you are writing article for your blog or your personal website then you must need to implement taggable system in your website. If you write article or post for food then you have to create tags like on foods name, foods type etc. You also maybe see on there are several blog or website available tags bellow the article. So if you want to add tags in your article and you are using laravel framework then you are on right place. In this post, i will give you example of how to generate tags system in laravel 5 application using rtconner/laravel-tagging composer package. here i will simple crea.....

By Hardik Savani | August 6, 2017 | | 21278 Viewer | Category : PHP Laravel Bootstrap jQuery MySql
READ MORE

How to add custom jquery validation for image file upload in summernote ?

Todays, Summernote WYSIWYG editor is a very simple and super fast bootstrap editor. Summernote WYSIWYG editor is a javascript library and it's provide to use their tools for file upload, text bold, color, italy font etc. We can simply use summernote by following their website <a href="http://summernote.org/" target="_blank">"summernote.org"</a>. They provide docs for complete guide and we can use in a minute. They also provide file uploading options, But not more for validation like image max size should be 1mb, file mime type should be png, jpg etc. So we can't do it that simple. However, I.....

By Hardik Savani | July 4, 2017 | | 7332 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

Laravel 5 - Confirmation before delete record from database example

Hi Guys, In this post we will learn how to open confirm model box before deleting item in laravel 5 application. As we know very well delete operation is very command and basic feature of every web application. Also delete operation is very important part because if you remove item, post, product, category etc then it will remove from your browser. So we should always prefer to confirmation before remove item. There are several options available to use confirm like jquery ui confirm, sweetalert, bootbox, bootstrap confirmation etc jquery plugin. So we almost use bootstrap theme so it would al.....

By Hardik Savani | June 29, 2017 | | 44664 Viewer | Category : PHP Laravel Bootstrap jQuery MySql Ajax
READ MORE

jQuery Ajax X-editable bootstrap plugin to update records in PHP Example

X-editable is jquery powerful plugin and it's allows you to create editable elements on your page using jquery ajax. X-editable library you can use with only bootstrap, jquery-ui and jquery. X-editable provide us edit inline element using text box, textarea, select, date, datetime, dateui, wysihtml5, select2, typeahead etc. X-editable plugin also provide client side validation. X-editable is giving you good layout if you are using with bootstrap. In this example we will use X-editable with bootstrap plugin. In this post, i will share with you how to update records using jquery ajax with PHP .....

By Hardik Savani | June 27, 2017 | | 18187 Viewer | Category : PHP Javascript Bootstrap HTML jQuery MySql Ajax
READ MORE

Laravel 5 - Ajax crop image before upload using using croppie plugin

In this article i will let you know jquery ajax crop image before upload using croppie plugin in Laravel 5 application. After several feedback and request from viewer for post of laravel 5 crop image upload example, i decide to find good plugin and post for ajax crop image in laravel 5 application, Last few days ago i already posted for image uploading with laravel like <a href="http://itsolutionstuff.com/post/ajax-image-upload-example-with-validation-in-php-laravel-frameworkexample.html" target="_blank" >Ajax Image Upload Example With Validation in Laravel</a>, <a href="http://itsolutionstuf.....

By Hardik Savani | June 24, 2017 | | 37037 Viewer | Category : PHP Laravel Bootstrap jQuery Ajax
READ MORE

Bootstrap multiselect dropdown in popup using popupMultiSelect plugin

In this example, i will share with you example of multiselect listbox in popup using popupMultiSelect.js plugin. popupMultiSelect plugin you can simply use in your php, laravel, codeigniter, angularjs projects. We may sometime require to make multiple select on select box. You can simply use select box with multiple attribute. But if you are using Bootstrap then you can make it pretty good layout. Yes in this example we will use popupMultiSelect plugin for multiselect dropdown box. popupMultiSelect plugin provide us when you click on select box it will open popup and display all options there.....

By Hardik Savani | May 21, 2017 | | 14998 Viewer | Category : Javascript Bootstrap HTML jQuery
READ MORE

PHP - Bootstrap autocomplete tokenfield with Ajax Example

In this post, i am share with you example of how to make tokenfield autocomplete with ajax in PHP. I will give you very simple example so you can easily use with your core PHP Project and other framework like Laravel, codeigniter etc. Here in this example we use Bootstrap tokenfield plugin for tags ajax autocomplete. tokenfield plugin is advanced tagging/tokenizing plugin for jQuery and Twitter Bootstrap with a focus on keyboard and copy-paste support. tokenfield plugin also provide typeahead js for tags autocomplete, But it this example i use jquery ui for autocomplete ajax. In this example.....

By Hardik Savani | February 10, 2017 | | 39112 Viewer | Category : PHP Bootstrap jQuery MySql Ajax
READ MORE

Simple Example of Bootstrap Lightbox Plugin with demo

Lightbox is a very popular plugin of wordpress and it is very useful for display image gallery. Lightbox will help to make best layout for portfolio, image gallery, banner display etc. So, Bootstrap provide Lightbox by bootstrap-lightbox plugin, bootstrap-lightbox plugin through we can simply use with bootstrap application. In this post we are going to learn how to use Lightbox in Bootstrap Application like with PHP, PHP Laravel, PHP codeigniter, PHP cakephp etc. In this example i take two image and When you click on it Open Lightbox popup with big image. It is a very basic and simple example.....

By Hardik Savani | December 27, 2016 | | 21909 Viewer | Category : Bootstrap HTML jQuery
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 | | 7598 Viewer | Category : Bootstrap HTML jQuery
READ MORE

    How to create custom helper in Laravel 5?

    How to create custom helper in Laravel 5?

    Open Post

    Laravel 5 export to pdf using maatwebsite example

    Laravel 5 export to pdf using maatwebsite example

    Open Post

    Laravel guzzle http client POST request example

    Laravel guzzle http client POST request example

    Open Post

    Laravel 5.3 - Form Input Validation rules example with demo

    Laravel 5.3 - Form Input Validation rules example with demo

    Open Post

    Laravel 5 Redirect to URL using redirect() helper

    Laravel 5 Redirect to URL using redirect() helper

    Open Post

    Laravel 5.5 Create Custom Middleware example

    Laravel 5.5 Create Custom Middleware example

    Open Post