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>