Changes for page ERDivaLook
Last modified by Ravi Mendis on 2010/09/10 01:14
From version 235.1
edited by Ravi Mendis
on 2009/07/20 10:43
on 2009/07/20 10:43
Change comment:
There is no comment for this version
To version 214.1
edited by Ravi Mendis
on 2009/04/28 07:45
on 2009/04/28 07:45
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
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,7 +33,7 @@ 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 -===== Examples: ===== 36 +===== Example Diva Themes: ===== 37 37 38 38 The following are a sample of themes for Diva look. The first two are included in the Wonder/Examples/Ajax/ERDivaLookExample app. 39 39 ... ... @@ -55,8 +55,7 @@ 55 55 === 1. CSS Themes === 56 56 57 57 CSS theme you give your application is **fully-customizable**. 58 -However, Diva lacks CSS theming tools (such as jQuery ThemeRoller). 59 - 58 +However, Diva lacks easily configurable tools (jQuery ThemeRoller for instance). 60 60 Instead, the CSS themes need to be hand-rolled. 61 61 62 62 === 2. Scriptaculous Effects === ... ... @@ -65,26 +65,16 @@ 65 65 66 66 === 3. Javascript Widgets === 67 67 68 -The [[widgets>>ERPrototaculous]] areallinthe Prototype+Scriptaculousfamily.67 +The widgets used in Diva include: 69 69 70 -=== 4. Well-Formed Semantic Markup === 69 +* accordion 70 +* date picker 71 +* modal dialog 72 +* modal window 71 71 72 -The pages producedby Divaook willvalidateas (almost) XHTML strict. Featuresofthe DOM:74 +They are all in the Prototype+Scriptaculous family. 73 73 74 -* Unique IDs for elements 75 -* Unique form control names 76 -* Use of multiple CSS classes 76 +=== 4. Ajax === 77 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// D2W rules will result in [[dynamic D2W>>How to use Dynamic D2W]]. 78 +Wonder and Prototype provide the Ajax functionality in Diva. 79 +Support for turning on property-level Ajax updates is included (for to-one and to-many relationships on edit pages).