This page displays an interface that's created with the help of Chalkweb with XmlInterface extension and JQuery/JQuery-UI.
The following XML file was used to create this interface:
<?xml version="1.0" encoding="utf-8"?>
<interface>
<screen>
<window identifier="FormMain" caption="Login" x="216" y="272" w="512" h="250" onHide="appQuit" onShow="onShowLoginWindow">
<groupbox identifier="grpCreds" caption="Credentials" x="5" y="5" w="-5" h="-50">
<label identifier="lblUsername" caption="Username" x="10" y="5" w="125" /><edit identifier="edUsername" x="150" y="2" w="300" caption="admin" />
<label identifier="lblPassword" caption="Password" x="10" y="45" w="125" /><password identifier="edPassword" x="150" y="42" w="300" />
</groupbox>
<button identifier="btnLogin" caption="Login" x="5" y="-40" w="125" h="25" onClick="btnLoginOnClick" />
<button identifier="btnCancel" caption="Cancel" x="135" y="-40" w="125" h="25" onClick="btnCancelOnClick" />
</window>
<window identifier="FormNotMain" caption="Login" x="216" y="272" w="512" h="250" onShow="onShow" visible="false">
<button identifier="btnlalala" caption="Cancel" x="135" y="-40" w="125" h="25" onClick="btnButton" />
</window>
</screen>
</interface>