Skip to content

Instantly share code, notes, and snippets.

@Rockncoder
Created January 22, 2013 06:59
Show Gist options
  • Select an option

  • Save Rockncoder/4592689 to your computer and use it in GitHub Desktop.

Select an option

Save Rockncoder/4592689 to your computer and use it in GitHub Desktop.
RNC Slide Panel in HTML.
<body>
<div id="page1" data-role="page" data-rockncoder-jspage="page1">
<header data-role="header">
<h1>RNC Slide Panel</h1>
</header>
<section data-role="content" style="margin: 25px;">
<div>This app doesn't do anything.</div>
</section>
<!-- panels always start hidden -->
<div id="panel" class="panel" >
<div data-role="navbar" class='ui-body-b' data-theme='a'>
<ul data-theme='b'>
<li><a href="" data-role="button" data-iconpos="notext" data-icon="minus"></a></li>
<li><a href="" data-role="button" data-iconpos="notext" data-icon="plus"></a></li>
<li><a href="" data-role="button" data-iconpos="notext" data-icon="check"></a></li>
<li><a href="" data-role="button" data-iconpos="notext" data-icon="gear"></a></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript" src="scripts/app.js"></script>
<script type="text/javascript" src="scripts/jquery.slidepanel.js"></script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment