Demo Post



Select box with search option example in Jquery using Chosen Plugin

There are several plugins available in google like select2,selectbox etc, But i found Chosen Plugin for select box with search option. You can also use with bootstrap. I give you full example of select box with search option. After run this example you will find bellow preview. <strong>Preview:</strong> <img width="100%" src="/upload/select-box-with-search-option.png" style="border:2px solid red"> <strong>Example:</strong> <pre class="prettyprint lang-php"> <html lang="en"> <head> <title>Jquery Chosen - Select Box with Search Option</title> <link rel="styl.....

By Hardik Savani | May 18, 2016 | | 57206 Viewer | Category : Bootstrap HTML jQuery Chosen JS
READ MORE

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

I think we should use captcha code on our registration form because captcha code prevent spams, bots etc. Most of the application we need to use captcha varification because it very important for security reason. There are several library to generate captcha image in Laravel. In this example i use BotDetect package library for generate captcha image and using their validation. BotDetect is very popular library and very customize library. they provide several ui design for captcha code and also how much character do you want?, you can set all the thing using this package. In this post i give y.....

By Hardik Savani | May 5, 2016 | | 55589 Viewer | Category : Laravel
READ MORE

Laravel 5 Instagram API tutorial with example

Today, I am going to show you how to access Instagram Feed using instagram API. We can get our instagram feed without using any composer package, I simply use GuzzleHttp for getting instagram feed, We can also get location, likes, comments, images, name, id and etc. GuzzleHttp provide use fire get request to given api, So i simply run "https://www.instagram.com/username/media" API like, It is very basic example without generate instagram token. Here you can access feed of any user by username. This example is very simple and you can get by follow few step, you can also check demo and after r.....

By Hardik Savani | November 21, 2016 | | 53401 Viewer | Category : Laravel Bootstrap Instagram API
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 | | 53344 Viewer | Category : PHP Bootstrap Google API
READ MORE

AngularJS tooltip using UI Bootstrap tpls HTML example with demo

We are mostly use tooltip when the user hovers his cursor over a specific element purpose. In this post we going to create tooltip when cursor hovers on button, in this example i use ui-bootstrap-tpls plugin for tooltip. If you don't more about this plugin then no worry it is from scratch. In this example i added four button for different placement like top, right, left and bottom, so that way you can use any more that you want. So let's bellow example and also you can check demo. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en-US"> <br/> <link rel="sty.....

By Hardik Savani | July 5, 2016 | | 52810 Viewer | Category : Bootstrap AngularJS
READ MORE

Laravel 5 - line chart example code using google charts API

In now-days, Google have several popular API like map, chart, analytics etc. Google charts JS API is also very popular and it is pretty simple to integrate with our application or projects. In this post, i going to give you example of Google line chart, How to user Google line chart in your laravel 5 application. Google charts js provide several other charts like bar chart, Area chart, Column Chart, Pie Chart, GEO Chart etc. In this post we will use line chart with good graphical way. you can use in your laravel application, you just follow few step, after you can get output as bellow preview.....

By Hardik Savani | August 4, 2016 | | 52112 Viewer | Category : Laravel Google API
READ MORE

How to set bootstrap timepicker using datetimepicker library example code

In this example i give you how to add timepicker in your php application or html etc. this is full example if you just copy and past bellow code then you can find timepicker. you no need to install anything. I use datetimepicker library for timepicker that way you can also set datepicker too. bootstrap datetimepicker is very popular library. So if you also want to build date and timepicker both then also you can set you can see bellow example. I set format "HH:mm:ss" but you can also add your custom format like "HH:mm" etc as you want but try this.... <strong>Example:</strong> <pre class="pre.....

By Hardik Savani | May 3, 2016 | | 49079 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

PHP Ajax Multiple Image Upload with Preview Example

Today, i would like to share with you multiple image upload with preview using jquery ajax in PHP. This Tutorial will help to learn JQuery Ajax multiple images upload example in PHP with demo. demo of display selected multiple images preview. Sometime, we may need to add feature for multiple images upload. If you are new in core PHP or don't know how to do it then you are a right place. Here i will give you full example of multiple images upload with display preview of selected images. So don't worry and just follow bellow two files. In this example, i simple create two files as there are li.....

By Hardik Savani | December 31, 2017 | | 48844 Viewer | Category : PHP Javascript Bootstrap jQuery 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 | | 48213 Viewer | Category : Laravel
READ MORE

Codeigniter 3 - Basic CRUD application with MySQL Example with Demo

Today I am going to share with you how to create insert update delete operation with validation in codeigniter 3 application with demo example. this tutorial will help to create simple CRUD (Create Read Update Delete) Operation application using MySQL Database with validation. As we know well we always require to create basic CRUD module for products, items etc using mysql database. It is primary requirement for any web application. So in this example i will explain example of add, edit and delete record using codeigniter 3 and mysql database. I am extending this tutorial and will add functio.....

By Hardik Savani | November 4, 2017 | | 47577 Viewer | Category : PHP Bootstrap HTML jQuery MySql Codeigniter
READ MORE