Tag : CSS


iOS 7 style switches for checkboxes example using switchery JS

<br/> Switchery is a simple component that help us to make beautiful iOS 7 style switches for our checkbox. In this post we will see how to make ios 7 style switches animation using js plugin. If we make using our custom css then it take long time to integrate. For this example i use CDN of Switchery Plugin so we can simply use CDN without download on local, so we can use bellow path of CDN: <br/> <strong>CDN:</strong> <pre> https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.css https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.js </pre> Now we will see f.....

By Hardik Savani | January 17, 2017 | | 422 Viewer | Category : Javascript Bootstrap HTML CSS jQuery
READ MORE

Laravel 5 - category treeview hierarchical structure example with demo

Today, I am going to share with you how to create dynamic category tree view structure in Laravel 5 application using jquery. We sometime require to make tree view structure for category and subcategory. In this tutorial i simple create "categories" table and manage end level of parents and child category with nested tree view structure in Laravel application. I use jquery for make tree view layout and child relationship with category model for hierarchical data. I also add form for create new category in tree view. If you are new in laravel then also you can do it simple and also simply cus.....

By Hardik Savani | November 9, 2016 | | 10485 Viewer | Category : PHP Laravel Javascript Bootstrap CSS jQuery
READ MORE

Jquery - Animated typing effect using typed js example with demo

Today we will learn How to make typing text effect using jquery plugin in our website. there are several plugins available for different task or effect etc. We may sometimes require to give animated typing effect like typewriter with string for good layout and best gui effect. So, you can also do it using code jquery, But if you use jquery plugin then you can make best and without time wast. So, You can create typing text effect using <strong class="path">typed.js</strong> plugin of jquery. Typed.js plugin give us several option to customize you typing effect like typing speed, loop etc. Usin.....

By Hardik Savani | October 20, 2016 | | 1262 Viewer | Category : HTML CSS jQuery
READ MORE

HTML tags are not allowed in textbox validation using Jquery

I have two example that prevent HTML tags are not allowed in textbox using focusout event of jquery. You can chose any if you think it is best for me. In the first example i use regular expression for prevent html tags in my textarea and in second example i user directly check with html tags. So you can check both and use <strong>Example 1:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Jquery - HTML Tag are not allowed in textarea</title> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></scrip.....

By Hardik Savani | June 12, 2016 | | 1203 Viewer | Category : Javascript jQuery
READ MORE

word wrap break word not working table

If you try with tr or td tag to give word-wrap: break-word style css then it will not affect. When i was try to give word wrap css on my td tag it was not working same as for i did try with span tag but same result. But when i take div tag it was working so if you are give directly on td or span then take div tag inside td tag and give css this way: <strong>Example:</strong> <pre class="prettyprint lang-html"> <td><div style="word-wrap: break-word;width:20px">My Level</div></td> </pre> Maybe this post can help you.......

By Hardik Savani | May 13, 2016 | | 412 Viewer | Category : HTML CSS
READ MORE

    Laravel 5 - Multiple Images Uploading using dropzone.js example with demo

    Laravel 5 - Multiple Images Uploading using dropzone.js example with demo

    Open Post

    MySql comma separated column join in PHP Laravel 5

    MySql comma separated column join in PHP Laravel 5

    Open Post

    Bootstrap daterangepicker example code with demo using daterangepicker.js

    Bootstrap daterangepicker example code with demo using daterangepicker.js

    Open Post

    Jquery highlight search text in div using highlight JS with example

    Jquery highlight search text in div using highlight JS with example

    Open Post

    Laravel 5 - Paypal Payment Integration example using netshell/paypal package from scratch

    Laravel 5 - Paypal Payment Integration example using netshell/paypal package from scratch

    Open Post

    Laravel 5 - Full Text Search Example using Scout and Algolia Packages

    Laravel 5 - Full Text Search Example using Scout and Algolia Packages

    Open Post