alcetech/uwt-web
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

add examples

Browse Source
This commit is contained in:
Michael Becker 2024-06-04 16:55:03 -04:00
parent a26261a295
commit 76e38e632f
1 changed files with 158 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

158
examples/BasicApp.html Normal file
View File

@ -0,0 +1,158 @@
<!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">
Test
</div>
<div class="uwt-title">Clipboard</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>
<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>