Demo Post


Angularjs Simple Datepicker directive example code with Demo

In this example you implement datepicker directive simply. In this example i used ngDatepicker plugin. It is very simple way to use and integrate. It is very flexible you can set format and other option. So If you also want to add datepicker then can do like as bellow example. In this example i include <strong class="path">/css/ngDatepicker.css</strong> path on link so you can download css file from here : <a href="https://raw.githubusercontent.com/jkuri/ngDatepicker/master/src/css/ngDatepicker.css" target="_blank">Click Here</a> and Also i include <strong class="path">/js/ngDatepicker.min.j.....

By Hardik Savani | July 2, 2016 | | 12530 Viewer | Category : AngularJS
READ MORE

Bootstrap notification popup box example using bootstrap-growl JS plugin with demo

We mostly prefer notification in our project, because for example if admin add new record and we need to display notification with success alert, info elert etc when comes error then display error notication. So if you are using bootstrap then you can use growl js plugin, you have to just add js, no need to add css file. In this example i use bootstrap-growl.js plugin that provide several notification type like warning, success, info, error etc and several function. In my previous post also added using toastr.js, you can also see here : <a href="http://itsolutionstuff.com/post/jquery-notifica.....

By Hardik Savani | June 21, 2016 | | 12137 Viewer | Category : Bootstrap jQuery
READ MORE

Paypal payment gateway integration in php source code example

In this post i am going to give you example of how to integrate payment Paypal gateway in php with demo. It is very simple to use paypal payment method in your native php website because you don't need to use any api for paypal payment gateway integration. Paypal provide very simple way to do this and paypal also provide developer console i mean Sandbox account that way you can check it better. In this example i give you step by step payment integration of paypal. <strong>Preview:</strong> <img src="/upload/PHP-Paypal.png" width="100%" style="border:1px solid red"> <strong>Step 1: Create Sen.....

By Hardik Savani | May 31, 2016 | | 11821 Viewer | Category : PHP
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 | | 11685 Viewer | Category : Laravel Bootstrap
READ MORE

PHP - multiple file uploading dropzone js example

We always require to make multiple file or image uploading function in our common website or project. We use input with multiple with image upload but it's not looks great and user does not like pretty much, so you should make it better. Image uploads is very common for all website, But if you are working on PHP or any PHP framework like laravel, codeigniter, yii etc then you can simply use dropzoneJS library. Dropzone JS Library provide us to drag and drop multiple file uploading. Dropzone JS is a open source javascript library. Dropzone JS library is very simple to use. Dropzone JS also pro.....

By Hardik Savani | December 4, 2016 | | 10892 Viewer | Category : PHP Javascript Bootstrap jQuery
READ MORE

How to create Pagination using dirPagination directive in Angularjs example with demo ?

Angularjs Pagination is not simple like laravel, code php etc, because we have to manage it with JS. In this tutorial i give you to build simple way pagination in your angularjs application. In this example we will use dirPagination directive to add paginate. Pagination Directive provide us very simple way to create paginate like set itemsPerPage, dir-pagination-controls etc. In this example you can see how it simple. You can get more information about Pagination Directive from here : <a href="https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination#basic-example".....

By Hardik Savani | July 7, 2016 | | 10611 Viewer | Category : Bootstrap AngularJS
READ MORE

Jquery notification popup box example using toastr JS plugin with demo

We always need to use notification in our project, because for example if user add new record and we need to display notification with success alert, when comes error then display error notication. So if you use jquery notification popup then it's better that way it's layout looks like good. In this example i use toastr.js plugin that provide several notification type like warning, success, info, error etc and several function. toastr Jquery plugin you can use easily with bootstrap and very customize. You can run bellow example and you can see how it works and pretty good. <strong>Example:</.....

By Hardik Savani | June 10, 2016 | | 9985 Viewer | Category : Javascript Bootstrap jQuery
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 | | 9940 Viewer | Category : Laravel
READ MORE

Display preview selected image in input type file using JQuery

Sometimes we need to show preview of image before image upload. I mean when user will select new image from input="file" then it will display preview of image. In this example you can see before upload it will display preview using jquery. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Change image on select new image from file input</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> </head> <body> <br/> <input type="file" name="file" id="profile-im.....

By Hardik Savani | May 16, 2016 | | 9303 Viewer | Category : Javascript HTML jQuery
READ MORE

Bootstrap year picker example using datepicker js

Generally we are use datepicker with dd-mm-yyyy format but sometimes we require to get only year, i mean select only year at that time we need to use datepicker option like format, minViewMode etc that way we can make datepicker into year picker for us. In this example i give you how can you get year picker, so i use two option from datepicker function one format and other minViewMode, by default minViewMode is for datepicker, if you use 1 then it is for month picker and 2 for year picker, so let's run bellow example or you can see demo as well: <strong>Example:</strong> <pre class="prettypr.....

By Hardik Savani | July 6, 2016 | | 8891 Viewer | Category : Bootstrap
READ MORE


    Simple Add remove input fields dynamically using jquery with Bootstrap

    Simple Add remove input fields dynamically using jquery with Bootstrap

    Open Post

    Laravel 5 - Bootstrap Admin Theme Integration example from scratch

    Laravel 5 - Bootstrap Admin Theme Integration example from scratch

    Open Post

    Laravel guzzle http client POST request example

    Laravel guzzle http client POST request example

    Open Post

    Laravel 5 dynamic autocomplete search using select2 JS Ajax - Part 1

    Laravel 5 dynamic autocomplete search using select2 JS Ajax - Part 1

    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

    Laravel 5 - generate PDF from html view file and download using dompdf

    Laravel 5 - generate PDF from html view file and download using dompdf

    Open Post