Skip to Content

Changes for page ERDivaLook

Last modified by Ravi Mendis on 2010/09/10 01:14
From version 225.1
edited by Ravi Mendis
on 2009/04/27 02:48
Change comment: Factoring out How to set theme
To version 230.1
edited by Ravi Mendis
on 2009/07/20 10:14
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,4 +1,4 @@
1 -== What is ERDivaLook? ==
1 +== What is Div#a Look? ==
2 2  
3 3  Much like ExcelLook, that vends excel pages, Diva look generates a Web 2.0 interface for DirectToWeb.
4 4  More specifically, it generates pages that are:
... ... @@ -9,11 +9,12 @@
9 9  
10 10  They make use of:
11 11  
12 -* A CSS **theme**
12 +* CSS **themes**
13 13  * Scriptaculous **effects**
14 -* **Ajax widgets**
14 +* Javascript **widgets**
15 +* **Ajax**
15 15  
16 -= Why Table-less Markup? =
17 +== Why Table-less Markup? ==
17 17  
18 18  Scriptaculous, jQuery effects, etc work by manipulating CSS attributes.
19 19  Mostly they don't work very well on tables, if at all.
... ... @@ -45,6 +45,45 @@
45 45  
46 46  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]].
47 47  
48 -= How to use ERDivaLook =
49 +== HowTos ==
49 49  
50 -{{children}}{{/children}}
51 +{{children all="true"}}{{/children}}
52 +
53 +== Features ==
54 +
55 +=== 1. CSS Themes ===
56 +
57 +CSS theme you give your application is **fully-customizable**.
58 +However, Diva lacks CSS theming tools (such as jQuery ThemeRoller).
59 +
60 +Instead, the CSS themes need to be hand-rolled.
61 +
62 +=== 2. Scriptaculous Effects ===
63 +
64 +The effects library used for ERDivaLook is Wonder's choice - Scriptaculous.
65 +
66 +=== 3. Javascript Widgets ===
67 +
68 +The [[widgets>>ERPrototaculous]] are all in the Prototype+Scriptaculous family.
69 +
70 +=== 4. Well-Formed Semantic Markup ===
71 +
72 +The pages produced by Diva look will validate as (almost) XHTML strict. Features of the DOM:
73 +
74 +* Unique IDs for elements
75 +* Unique form control names
76 +* Use of multiple CSS classes
77 +
78 +=== 5. Ajax Page Configurations ===
79 +
80 +Prototype provides the Ajax functionality in Diva in the form of [[ERPrototaculous>>ERPrototaculous]].
81 +Diva look introduces the concept of **Ajax pageConfigs**.
82 +Example page configurations:
83 +
84 +* ##AjaxQueryMovie##
85 +* ##AjaxEditStudio##
86 +* ##AjaxListTalent##
87 +
88 +=== 6. Dynamic D2W ===
89 +
90 +Using ajax in combination with delayed (or //dynamic//) D2W rules will result in [[dynamic D2W>>How to use Dynamic D2W]].