About Widgets

From UG

(Difference between revisions)
Jump to: navigation, search
 
(One intermediate revision not shown)
Line 1: Line 1:
-
[[Category:UI]]
+
[[Category:Widgets]]
== Summary ==
== Summary ==
We refer to CT2 Widgets - GUI controls we use in CT2.
We refer to CT2 Widgets - GUI controls we use in CT2.
 +
 +
== How to spec widgets ==
 +
 +
* Observation 1: Some attributes  are widget specific.
 +
 +
* Observation 2: Some attributes  are common for all widgets. Example: readonly Y/N.
 +
 +
* Observation 3: CT2 widgets are not same as ZK widgets. Example "CT2 date" widget might have "h" button (ZK date does not have that).
 +
 +
See below 2 examples of different  styles:
 +
 +
{| {{table}} border="1"
 +
| '''Attribute:''' || '''Value:'''
 +
|-
 +
| widget type:        || [[Textbox]]
 +
|-
 +
| adjusent label:        ||  ''A.Export ref#:''
 +
|-
 +
| default:      || blank
 +
|-
 +
| type/format/DB:  || [[Tbl_Generic_Shipment#ExportRef]]
 +
|-
 +
| required?:    || N
 +
|-
 +
| validation type:  || [[Textbox#zk standard]]; [[Textbox#on submit]]
 +
|}
 +
 +
 +
* '' widget type: ''        [[Textbox]]
 +
* '' widget specific properties: ''
 +
** '' ... : ''
 +
 +
* '' adjusent label: ''      ''A.Export ref#:''
 +
* '' default:''  blank
 +
* '' type/format/link to DB '':  [[Tbl_Generic_Shipment#ExportRef]]   

Current revision as of 10:03, 31 January 2010


[edit] Summary

We refer to CT2 Widgets - GUI controls we use in CT2.

[edit] How to spec widgets

  • Observation 1: Some attributes are widget specific.
  • Observation 2: Some attributes are common for all widgets. Example: readonly Y/N.
  • Observation 3: CT2 widgets are not same as ZK widgets. Example "CT2 date" widget might have "h" button (ZK date does not have that).

See below 2 examples of different styles:

Attribute: Value:
widget type: Textbox
adjusent label: A.Export ref#:
default: blank
type/format/DB: Tbl_Generic_Shipment#ExportRef
required?: N
validation type: Textbox#zk standard; Textbox#on submit


  • widget type: Textbox
  • widget specific properties:
    • ... :


[edit] See also

http://en.wikipedia.org/wiki/GUI_widget

http://docs.zkoss.org/wiki/Developer%27s_Guide#Part_C.__ZUL_Component

http://www.zkoss.org/zkdemo/userguide/#f1

Personal tools