Sunday, July 09, 2006

Version 4 posted to GoGUI.com

Version 4 has been posted to GoGUI.com. Along with the new look, this version is lighter and more powerful than version 3.

One of the most sticking improvements lies with "Sticky notes". More formally, sticky notes are a "t" PI tag that can be used instead of the standard "input" element. Using the t tag as a short form for the input tag produces the same results as an input element:
<t value="Name">= <input value="Name">
When the "field" attribute is added, this simple input tag produces a "Sticky Note":
<t field="Name">.
You may create a New Webpage in your Portable Desktop, they type in this code:
<t id="fname" style="WIDTH: 120px" field="First Name"/>
<t id="lname" style="MARGIN-LEFT: 7px; WIDTH: 120px" field="Last Name"/>
Then instantly view this code using the keyboard shortcut (+ on your numeric key pad) to toggle between Edit and View modes.
The "field" name is displayed with a yellow highlight (sticky note) until the user types some thing into the field, at which time the highlight is removed. When a user passes his/her mouse over this field and tooltip appears indicating the name of this field.
As a striking improvement to version 3, should a user remove the information from the input field, the yellow sticky note reappears.

Validation and Confirmation:
Coders may include validate at the client. Should the text typed into the field be incorrect, a red highlight appears to announce to the user that the information needs to be corrected.
Example:
<t field="email" validate=".+?@.+?\\..+"/> .
Forms may also attach a "confirmation" attributes such as:
Example:
<t field="email" validate=".+?@.+?\\..+" confirm="true"/>.
In this case an "Internal" popup dialog asks the user to confirm the selection previously made. The only exception is if the format entered in the original field failed the validation in which case feedback is immediately provided to the user.