73 lines
2.9 KiB
HTML
73 lines
2.9 KiB
HTML
<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">-->
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
|
<title>Forms</title>
|
|
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
|
|
|
|
<!-- GC --> <!-- LIBS --> <script type="text/javascript" src="../../adapter/yui/yui-utilities.js"></script> <script type="text/javascript" src="../../adapter/yui/ext-yui-adapter.js"></script> <!-- ENDLIBS -->
|
|
<script type="text/javascript" src="../../ext-all.js"></script>
|
|
|
|
<script type="text/javascript" src="states.js"></script>
|
|
<script type="text/javascript" src="dynamic.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="forms.css" />
|
|
|
|
<!-- Common Styles for the examples -->
|
|
<link rel="stylesheet" type="text/css" href="../examples.css" />
|
|
</head>
|
|
<body>
|
|
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
|
|
<h1>Dynamic Forms built with JavaScript</h1>
|
|
<p>
|
|
These forms do not do anything and have very little validation. They solely demonstrate
|
|
how you can use Ext Forms to build and layout forms on the fly.
|
|
</p>
|
|
|
|
<p>The js is not minified so it is readable. See <a href="dynamic.js">dynamic.js</a>.</p>
|
|
|
|
<div style="width:300px;">
|
|
<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
|
|
<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
|
|
<h3 style="margin-bottom:5px;">Simple Form</h3>
|
|
<div id="form-ct">
|
|
|
|
</div>
|
|
</div></div></div>
|
|
<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
|
|
</div>
|
|
<br/>
|
|
<div style="width:500px;">
|
|
<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
|
|
<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
|
|
<h3 style="margin-bottom:5px;">Multi-column and labels top</h3>
|
|
<div id="form-ct2">
|
|
|
|
</div>
|
|
</div></div></div>
|
|
<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
|
|
</div>
|
|
<br/>
|
|
<div style="width:340px;">
|
|
<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
|
|
<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
|
|
<h3>Fieldsets, labels right and complex fields</h3>
|
|
<div id="form-ct3">
|
|
|
|
</div>
|
|
</div></div></div>
|
|
<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
|
|
</div>
|
|
<br/>
|
|
<div style="width:600px;">
|
|
<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
|
|
<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
|
|
<h3 style="margin-bottom:5px;">Multi-column, nesting and fieldsets</h3>
|
|
<div id="form-ct4">
|
|
|
|
</div>
|
|
</div></div></div>
|
|
<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
|
|
</div>
|
|
<div class="x-form-clear"></div>
|
|
</body>
|
|
</html>
|