<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Template Documentation Template</title>
<!-- Framework CSS -->
<link rel="stylesheet" href="assets/blueprint-css/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="assets/blueprint-css/print.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="assets/blueprint-css/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="assets/blueprint-css/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
<style type="text/css" media="screen">
p, table, hr, .box { margin-bottom:25px; }
.box p { margin-bottom:10px; }
pre, code, tt {color: green;}
</style>
</head>
<body>
<div class="container">
<h3 class="center alt">“JQuery Pricing Slider” Documentation by “Kc Sharma” V(1.1)</h3>
<hr>
<h1 class="center">“Cloud Pricing Slider”</h1>
<div class="borderTop">
<div class="span-6 colborder info prepend-1">
<p class="prepend-top">
<strong>
Created: 12/17/2014<br>
By: Kc Sharma, India<br>
Email: <a href="mailto:[email protected]">[email protected]</a>
</strong>
</p>
</div><!-- end div .span-6 -->
<div class="span-12 last">
<p class="prepend-top append-0">Thank you for purchasing my script. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form <a href="http://themeforest.net/user/qsthemes">here</a>. Thanks so much!</p>
</div>
</div><!-- end div .borderTop -->
<hr>
<div style="border: 1px solid #ccc; padding: 15px;">
<strong>Fixed:- </strong><br />
Base price was not getting update from <code>assets/js/qs.slider.init.js</code>. So changed line 12 in this file - replaced from "PriceBase" to "BasePrice" text
</div>
<hr>
<h2 id="toc" class="alt">Table of Contents</h2>
<ol class="alpha">
<li><a href="#htmlStructure">HTML Structure</a></li>
<li><a href="#cssFiles">CSS Files and Structure</a></li>
<li><a href="#javascript">JavaScript</a></li>
<li><a href="#credits">Sources and Credits</a></li>
</ol>
<hr>
<h3 id="htmlStructure"><strong>A) HTML Structure</strong> - <a href="#toc">top</a></h3>
<p>Please see the <code>index.html</code> and use line 49-150 to use slider for any bootstrap based theme/template. You can also use this slider in any other framework, just adjust the div as per requirements of framework markups or simple html as you can see the slider is divided in two columns.</p>
<h3 id="cssFiles"><strong>B) CSS Files and Structure</strong> - <a href="#toc">top</a></h3>
<p>Include the following css
<p><code>assets/css/slider.min.css</code> <small>(Main Slider css)</small><br />
<code>assets/css/jquery-ui.min.css</code></p>
<p>To customize look and feel make changes in CSS. Uncompressd CSS and "Less" also included <code>assets/css/</code> folder.</p>
<p><b>Note:</b> JQuery UI css is not required if your template/theme already has within.</p>
<hr>
<h3 id="javascript"><strong>C) JavaScript</strong> - <a href="#toc">top</a></h3>
<p>Include the following scripts
<p><code>assets/js/jquery-1.11.0.min.js</code><br />
<code>assets/js/jquery-ui.min.js</code><br />
<code>assets/js/qs.slider.js</code> <small>(Main Slider script)</small><br />
<code>assets/js/qs.slider.init.js</code> <small>(Initial Script for available custom options)</small></p>
<p><b>Note:</b> jQuery and JQuery UI scripts are not required if your template/theme already has within.</p>
<p>Please open <code>assets/js/qs.slider.init.js</code> in any of text editor (recommended Notepad ++) to change slider settings i.e. Pricing, link etc..</p>
<p>To configure preset buttons selected sliders values, For now you need to edit main <code>qs.slider.js</code>
<br />(chnage values in lines 204 - 208) i.e. <br /><code>xs: { cpu: "3", ram: "4", hdd: "10" },</code> etc..</p>
<hr>
<p>Once again, thank you so much for purchasing this script. As I said at the beginning, I'd be glad to help you if you have any questions relating to this script. No guarantees, but I'll do my best to assist.</p>
<p class="append-bottom alt large"><strong>Kc Sharma</strong></p>
<p><a href="#toc">Go To Table of Contents</a></p>
<hr class="space">
</div><!-- end div .container -->
</body>
</html>