219 lines
8.5 KiB
HTML
219 lines
8.5 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns:uwt="urn:net.alcetech.schemas.UWT">
|
|
<head>
|
|
<title>Test UWT</title>
|
|
<link rel="stylesheet" type="text/css" href="../output/common.css" />
|
|
<link rel="stylesheet" type="text/css" href="../output/themes/mso12.css" />
|
|
<script type="text/javascript" src="../output/uwt.min.js"></script>
|
|
</head>
|
|
<body class="uwt-ribbon-visible">
|
|
<div class="uwt-ribbon uwt-visible">
|
|
<div class="uwt-ribbon-application-button"><a href="#"><span class="uwt-icon"></span></a></div>
|
|
<ul class="uwt-ribbon-tab-buttons">
|
|
<li>Home</li>
|
|
<li>Developer</li>
|
|
</ul>
|
|
<div class="uwt-ribbon-tab-contents">
|
|
<div class="uwt-ribbon-tab-content uwt-visible">
|
|
<div class="uwt-ribbon-tab-group">
|
|
<div class="uwt-content">
|
|
<div class="uwt-button uwt-ribbon-command">
|
|
<img class="uwt-icon" src="images/class-32x32.png" />
|
|
<div class="uwt-title">Class</div>
|
|
</div>
|
|
<div class="uwt-ribbon-command-container uwt-orientation-vertical">
|
|
<div class="uwt-button uwt-ribbon-command">
|
|
<img class="uwt-icon" src="images/attribute-16x16.png" />
|
|
<div class="uwt-title">Attribute</div>
|
|
</div>
|
|
<div class="uwt-button uwt-ribbon-command">
|
|
<img class="uwt-icon" src="images/relationship-16x16.png" />
|
|
<div class="uwt-title">Relationship</div>
|
|
</div>
|
|
<div class="uwt-button uwt-ribbon-command">
|
|
<img class="uwt-icon" src="images/task-16x16.png" />
|
|
<div class="uwt-title">Task</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uwt-title">
|
|
Create
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uwt-ribbon-tab-content">
|
|
<div class="uwt-ribbon-tab-group">
|
|
<div class="uwt-content">
|
|
Register Dev Settings Here
|
|
</div>
|
|
<div class="uwt-title">Programmer</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<form method="POST">
|
|
<div class="uwt-page">
|
|
<div class="uwt-sidebar">
|
|
<div class="uwt-header">Side Bar Test</div>
|
|
<div class="uwt-content">
|
|
|
|
<div class="uwt-disclosure uwt-focusable">
|
|
<div class="uwt-header">
|
|
My Items
|
|
</div>
|
|
<div class="uwt-content">
|
|
<ul class="uwt-menu">
|
|
<li class="uwt-visible uwt-menu-item-command">
|
|
<a href="#">Test Item</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="uwt-disclosure uwt-focusable">
|
|
<div class="uwt-header">
|
|
Another Section
|
|
</div>
|
|
<div class="uwt-content">
|
|
<ul class="uwt-menu">
|
|
<li class="uwt-visible uwt-menu-item-command">
|
|
<a href="#">Google</a>
|
|
</li>
|
|
<li class="uwt-visible uwt-menu-item-command">
|
|
<a href="#">Facebook</a>
|
|
</li>
|
|
<li class="uwt-visible uwt-menu-item-command">
|
|
<a href="#">Yahoo</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="uwt-content">
|
|
<div class="uwt-layout uwt-layout-box uwt-orientation-vertical">
|
|
<h1>Welcome Home!</h1>
|
|
<p>
|
|
This is a test of the Universal Widget Toolkit for HTML/CSS/JavaScript.
|
|
</p>
|
|
<p>
|
|
Check out <uwt:AdditionalDetailWidget Text="Additional Detail Widget"></uwt:AdditionalDetailWidget>
|
|
</p>
|
|
<div>
|
|
Try this <div class="uwt-actionpreviewbutton">
|
|
<a href="#" class="apb-text">Action Preview Button</a>
|
|
<a href="#" class="apb-button"> </a>
|
|
<div class="apb-preview">
|
|
<div class="apb-actions">
|
|
<h2>Available Actions</h2>
|
|
<ul class="uwt-menu">
|
|
<li class="uwt-menu-item-command uwt-visible">
|
|
<a href="#">Worker</a>
|
|
</li>
|
|
<li class="uwt-menu-item-command uwt-visible">
|
|
<a href="#">Root (K2)</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="apb-preview-content">
|
|
<h2>Driver <a href="#">Joseph Rivera</a></h2>
|
|
<div class="uwt-formview">
|
|
<div class="uwt-formview-item">
|
|
<div class="uwt-formview-item-label">Full name</div>
|
|
<div class="uwt-formview-item-content">Joseph P Rivera Jr</div>
|
|
</div>
|
|
<div class="uwt-formview-item">
|
|
<div class="uwt-formview-item-label">License status</div>
|
|
<div class="uwt-formview-item-content">
|
|
<div class="uwt-actionpreviewbutton">
|
|
<a href="#" class="apb-text">Active</a>
|
|
<a href="#" class="apb-button"> </a>
|
|
<div class="apb-preview"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uwt-alert uwt-color-info">
|
|
This is an alert. You can use them to display inline warnings or error messages.
|
|
</div>
|
|
<noscript>
|
|
<div class="uwt-alert uwt-color-danger">
|
|
You need to enable JavaScript to render client-side UWT controls.
|
|
</div>
|
|
</noscript>
|
|
<select>
|
|
<option>Test 1</option>
|
|
<option>Another Test</option>
|
|
<option>One more for the Poor</option>
|
|
</select>
|
|
<uwt:TabContainer>
|
|
<TabPages>
|
|
<TabPage Title="General">
|
|
<p>This is a test!</p>
|
|
<div class="uwt-formview">
|
|
<div class="uwt-formview-item">
|
|
<div class="uwt-formview-item-label">
|
|
<label>User name:</label>
|
|
</div>
|
|
<div class="uwt-formview-item-content">
|
|
<input type="text" />
|
|
</div>
|
|
</div>
|
|
<div class="uwt-formview-item">
|
|
<div class="uwt-formview-item-label">
|
|
<label>Password:</label>
|
|
</div>
|
|
<div class="uwt-formview-item-content">
|
|
<input type="password" />
|
|
</div>
|
|
</div>
|
|
<div class="uwt-formview-item">
|
|
<div class="uwt-formview-item-label">
|
|
<label>Remember me</label>
|
|
</div>
|
|
<div class="uwt-formview-item-content">
|
|
<input type="checkbox" />
|
|
</div>
|
|
</div>
|
|
<div class="uwt-formview-item">
|
|
<div class="uwt-formview-item-label">
|
|
<label>Select a choice:</label>
|
|
</div>
|
|
<div class="uwt-formview-item-content">
|
|
<select>
|
|
<option>Test 1</option>
|
|
<option>Another Test</option>
|
|
<option>One more for the Poor</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="text-align: right;">
|
|
<button class="uwt-default">Save Changes</button>
|
|
<button>Cancel</button>
|
|
</div>
|
|
</TabPage>
|
|
<TabPage Title="Audio">
|
|
</TabPage>
|
|
<TabPage Title="Video">
|
|
</TabPage>
|
|
<TabPage Title="Runtime">
|
|
</TabPage>
|
|
</TabPages>
|
|
</uwt:TabContainer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uwt-footer">
|
|
Footer Test
|
|
</div>
|
|
</form>
|
|
|
|
</body>
|
|
</html>
|