Skip to Content

Changes for page ERDivaLook

Last modified by Ravi Mendis on 2010/09/10 01:14
From version 228.1
edited by Ravi Mendis
on 2009/04/28 07:47
Change comment: There is no comment for this version
To version 233.1
edited by Ravi Mendis
on 2009/07/20 10:44
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -12,9 +12,9 @@
12 12  * CSS **themes**
13 13  * Scriptaculous **effects**
14 14  * Javascript **widgets**
15 -* Ajax
15 +* **Ajax**
16 16  
17 -= Why Table-less Markup? =
17 +== Why Table-less Markup? ==
18 18  
19 19  Scriptaculous, jQuery effects, etc work by manipulating CSS attributes.
20 20  Mostly they don't work very well on tables, if at all.
... ... @@ -33,10 +33,8 @@
33 33  
34 34  All your customizations to the look and layout of your application is also done in the CSS (and via D2W rules).
35 35  
36 -===== Example Diva Themes: =====
36 +**Examples:**
37 37  
38 -The following are a sample of themes for Diva look. The first two are included in the Wonder/Examples/Ajax/ERDivaLookExample app.
39 -
40 40  |= Neutral |= WebObjects |= Simple |= Organica
41 41  | [[image:Picture 1.jpg||]] | [[image:Picture 2.jpg||]] | [[image:Picture 3.jpg||]] | [[image:slides_directtoweb_04.jpg.jpeg||]]
42 42  | D2W Neutral look reverse engineered
... ... @@ -44,6 +44,7 @@
44 44  as a Diva Theme | [[//Simple//>>http://www.csszengarden.com/?cssfile=/174/174.css&page=2]] theme from css Zen Garden | [[//Organica//>>http://www.csszengarden.com/?cssfile=/188/188.css&page=0]] theme from css Zen Garden
45 45  | //Included in ERDivaLookExample// | //Included in ERDivaLookExample// | Shawn Chin [[mailto:schin@shawnchin.net]] | Eduardo Cesario [[mailto:design@criaturacreativa.com.ar]]
46 46  
45 +The above are a sample of themes for Diva look. The first two are included in the Wonder/Examples/Ajax/ERDivaLookExample app.
47 47  The graphics designer Eduardo Cesario wrote up his experience of developing his //Organica// design for an early prototype of ERDivaLook on his [[blog>>http://www.organicacreativa.com/organica-creativa.php?area=directtoweb&lang=en]].
48 48  
49 49  == HowTos ==
... ... @@ -65,16 +65,26 @@
65 65  
66 66  === 3. Javascript Widgets ===
67 67  
68 -The widgets used in Diva include:
67 +The [[widgets>>ERPrototaculous]] are all in the Prototype+Scriptaculous family.
69 69  
70 -* accordion
71 -* date picker
72 -* modal dialog
73 -* modal window
69 +=== 4. Well-Formed Semantic Markup ===
74 74  
75 -They are all in the Prototype+Scriptaculous family.
71 +The pages produced by Diva look will validate as (almost) XHTML strict. Features of the DOM:
76 76  
77 -=== 4. Ajax ===
73 +* Unique IDs for elements
74 +* Unique form control names
75 +* Use of multiple CSS classes
78 78  
79 -Wonder and Prototype provide the Ajax functionality in Diva.
80 -Support for turning on property-level Ajax updates is included (for to-one and to-many relationships on edit pages).
77 +=== 5. Ajax Page Configurations ===
78 +
79 +Prototype provides the Ajax functionality in Diva in the form of [[ERPrototaculous>>ERPrototaculous]].
80 +Diva look introduces the concept of **Ajax pageConfigs**.
81 +Example page configurations:
82 +
83 +* ##AjaxQueryMovie##
84 +* ##AjaxEditStudio##
85 +* ##AjaxListTalent##
86 +
87 +=== 6. Dynamic D2W ===
88 +
89 +Using ajax in combination with //delayed// D2W rules will result in [[dynamic D2W>>How to use Dynamic D2W]].