Recent news

Wednesday, 8 June 2016

JQuery Mobile Flat UI Plugin For Mobile Website Theme





jquery-mobile-flat-ui-theme is a theme for the mobile website which are responsive in nature.


How To Use

1. Add the below library reference

<link rel="stylesheet" type="text/css" href="css/jquery.mobile.flatui.css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.mobile-1.4.0-rc.1.js"></script>


2. Now add the below html tag.(very few html shown below)

<div data-role="panel" id="panel" data-position="right" data-theme="a" data-display="push"></div>

<div data-role="header">
    <a data-iconpos="notext" data-role="button" data-icon="home" title="Home">Home</a>
    <h1>A</h1>
    <a data-iconpos="notext" href="#panel" data-role="button" data-icon="flat-menu"></a>
</div>




Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Previous
Next Post »

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles