Demo Post


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 | | 20351 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 | | 19526 Viewer | Category : Laravel Google API
READ MORE

Select only one checkbox at a time using Jquery

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. <strong>Example:</strong> <pre class="code language-html"> <html> <head> <title>Select only one checkbox at time</title> <scri.....

By Hardik Savani | February 5, 2016 | | 18535 Viewer | Category : Javascript HTML jQuery
READ MORE

PHP Codeigniter - Ajax Infinite Scroll Pagination Example

In this example, we are going to lean how to implement infinite scroll example in our codeigniter application. Infinite Scroll is amazing feature if you have news latter page, posts page or any listing page that way we don't require to load more records at time and not need to load page every time. we sometimes require to use infinite scroll in our project or application. So in this post we learn how to make infinite scroll example from scratch. I also provide demo for infinite scroll example, so you can see there. In this example we will create "posts" table and you have to add some manual.....

By Hardik Savani | March 31, 2017 | | 17992 Viewer | Category : PHP Javascript jQuery Codeigniter Ajax
READ MORE

Jquery Select2 - Select box with search example code

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. <strong>Preview:</strong> <img src="/upload/select2-search-option.png" style="width:100%;border:1px solid red" /> <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <br/> <head> <br/> .....

By Hardik Savani | July 29, 2016 | | 17130 Viewer | Category : jQuery
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 | | 16041 Viewer | Category : Laravel
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 | | 15035 Viewer | Category : PHP Bootstrap Google API
READ MORE

Laravel 5 - GEO chart example and demo using lavacharts package

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.....

By Hardik Savani | July 19, 2016 | | 14729 Viewer | Category : Laravel
READ MORE

How to set Datepicker in bootstrap?

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> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6.....

By Hardik Savani | January 8, 2016 | | 14082 Viewer | Category : PHP Bootstrap
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 | | 13402 Viewer | Category : Javascript Bootstrap jQuery
READ MORE


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

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

    Open Post

    Jquery select2 ajax autocomplete example with demo in PHP

    Jquery select2 ajax autocomplete example with demo in PHP

    Open Post

    How to call AngularJS controller function in Jquery?

    How to call AngularJS controller function in Jquery?

    Open Post

    How to get last inserted id in Codeigniter?

    How to get last inserted id in Codeigniter?

    Open Post

    Bootstrap multiselect dropdown in popup using popupMultiSelect plugin

    Bootstrap multiselect dropdown in popup using popupMultiSelect plugin

    Open Post

    How to install composer using command line in ubuntu ?

    How to install composer using command line in ubuntu ?

    Open Post