jqwidgets-framework
Version:
jQWidgets is an advanced jQuery, Angular, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.
161 lines (148 loc) • 8.23 kB
HTML
<html lang="en">
<head>
<title>jQuery Form</title>
<meta name="description" content="jQuery Form - Demos" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />
<!-- load custom fonts from google-->
<!-- stylesheets -->
<link rel="stylesheet" href="../../resources/design/css/main.css" />
<link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" media="screen" />
<link rel="stylesheet" href="../../jqwidgets/styles/jqx.arctic.css" media="screen" />
<link rel="stylesheet" href="../../styles/site.css" media="screen" />
<!-- html5 support for old browsers -->
<!--[if lt IE 9]>
<script src="js/vendor/html5shiv.js"></script>
<![endif]-->
<!-- fav_icons for different browsers -->
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../resources/design/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../resources/design/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../resources/design/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../resources/design/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="../../resources/design/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../resources/design/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../resources/design/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../resources/design/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="../../resources/design/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="../../resources/design/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="../../resources/design/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="../../resources/design/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="../../resources/design/favicon-128.png" sizes="128x128" />
<meta name="application-name" content=" " />
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />
<!-- background images stylesheets -->
<!--[if lt IE 9]>
<link rel="stylesheet" href="css/img_ie.css" />
<![endif]-->
<!--[if gt IE 8]>
<link rel="stylesheet" href="css/img.css" />
<![endif]-->
<!--[if !IE]><!-->
<link rel="stylesheet" href="../../resources/design/css/img.css" />
<!--<![endif]-->
<script type="text/javascript" src="../../scripts/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="../../scripts/format.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxtabs.js"></script>
<script type="text/javascript" src="../../scripts/demofunctions.js"></script>
<!-- swipe plugin for slider -->
<script src="../../resources/design/js/vendor/swipe.js"></script>
<!-- svg to png for old browsers -->
<script src="../../resources/design/js/vendor/svgeezy.min.js"></script>
<script type="text/javascript">svgeezy.init(false, 'png');</script>
<!-- main functions -->
<script src="../../resources/design/js/main.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-25803467-1']);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="pageTop">
</div>
<!-- DOCUMENTATION START -->
<div class="documentation cf" id="doc">
<div class="wrap">
<div class="doc_mask"></div>
<!-- LEFT COLUMN -->
<nav class="doc_menu doc_menu_normal">
<div class="jqx-expander-icon jqx-widget-title-icon"></div>
<p class="doc_menu_title">
<span>jqxForm</span>
</p>
<ul>
<li><a id="demoLink" href='defaultfunctionality.htm'>Default Functionality</a>
</li>
<li><a id="A4" href='form_events.htm'>Form Events</a>
</li>
<li><a id="A1" href='form_input_alignment.htm'>Form Input Alignment</a>
</li>
<li><a id="A2" href='form_input_label_position.htm'>Form Input Label Position</a>
</li>
<li><a id="A3" href='form_input_types.htm'>Form Input Types</a>
</li>
<li>
<a id="A3" href='form_submit.htm'>Form Submit</a>
</li>
</ul>
</nav>
<!-- RIGHT COLUMN -->
<div class="doc_content">
<div style="position: relative; left: -20px; visibility: hidden; float: right;" class="themeSelector" id="themeSelector">
<div style="float: left; margin-top: 4px;">
Theme:
</div>
<div id="themeComboBox" style="margin-bottom: 3px; margin-top: 4px; margin-left: 10px; float: left;"></div>
</div>
<div id="tabs" class="demoTabs" style='width: 1000px; padding: 0px; margin: 0px; display: none;'>
<ul style='margin-left: 30px;'>
<li id='tab1'>Demo</li>
<li id='tab2'>View Source</li>
<li id='tab3'>API Reference</li>
</ul>
<div style="overflow: hidden;" id="tabs-1">
<table border="0" cellspacing="0" cellpadding="0" style="table-layout: fixed;">
<tr>
<td>
<div id='divDescription'>
</div>
</td>
</tr>
<tr>
<td>
<div id='innerdemoContainer'>
</div>
</td>
</tr>
</table>
</div>
<div style="overflow-x: auto; overflow-y: hidden;" id="tabs-2">
</div>
<div style="overflow: auto;" id="tabs-3">
</div>
</div>
<div id="introduction">
</div>
</div>
</div>
</div>
<div id="pageBottom">
</div>
</body>
</html>