Skip to Content

Changes for page ERDivaLook

Last modified by Ravi Mendis on 2010/09/10 01:14
From version 180.1
edited by Ravi Mendis
on 2009/04/27 02:42
Change comment: Adding how to use embedded D2WList
To version 183.1
edited by Ravi Mendis
on 2009/04/24 02:26
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 ERDivaLook? ===
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:
... ... @@ -6,13 +6,10 @@
6 6  * Semantically-rich or **tables-less**
7 7  * XHTML 1.0 strict compliant
8 8  * Sans images, inline styles or presentation attributes
9 +* Use a CSS **theme**
10 +* With Scriptaculous **effects**
11 +* Seamless use of **Ajax widgets**
9 9  
10 -They make use of:
11 -
12 -* A CSS **theme**
13 -* Scriptaculous **effects**
14 -* **Ajax widgets**
15 -
16 16  = Why Table-less Markup? =
17 17  
18 18  Scriptaculous, jQuery effects, etc work by manipulating CSS attributes.
... ... @@ -45,9 +45,9 @@
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 =
45 += Using ERDivaLook =
49 49  
50 -== How to set the CSS/Theme of a D2W Page ==
47 +=== Setting the D2W Page CSS ===
51 51  
52 52  Diva look introduces a new D2W key: **stylesheet**.
53 53  The CSS file computed by this key will be set as the stylesheet for the page.
... ... @@ -74,14 +74,8 @@
74 74  
75 75  {{/code}}
76 76  
77 -The CSS file //NeutralEditPage.css// imports a global CSS for the theme, //Neutral.css//, a generic one for the edit page //ERDIVEditPage.css// and CSS files for D2W components used on an edit page.
74 +The CSS page //NeutralEditPage.css// imports a global CSS for the theme, //Neutral.css//, a generic one for the edit page //ERDIVEditPage.css// and CSS files for D2W components used on an edit page.
78 78  
79 -{{note title="Note"}}
80 -
81 -*IE* has a limitation of a max. of 32 CSS files per page (and a depth of 3).
82 -
83 -{{/note}}
84 -
85 85  ===== 2. Image Replacement =====
86 86  
87 87  {{code}}
... ... @@ -102,15 +102,3 @@
102 102  All CSS selectors in a Diva D2W page begin with *{{div#a}}*.
103 103  
104 104  {{/tip}}
105 -
106 -== How to use an Embedded D2WList ==
107 -
108 -In //ERDivaLookExample// ##Studio.movies## is displayed as an embedded D2W list:
109 -
110 -[[image:Picture 4.jpg]]
111 -
112 -You use it be setting the following rules:
113 -
114 -|= LHS |= key |= RHS
115 -| entity.name = 'Studio' and task = 'inspect' and propertyKey = 'movies' |**componentName** | //ERDList2//
116 -| pageConfiguration = 'ListEmbeddedMovie' and parentPageConfiguration like '**Studio' **|**displayPropertyKeys**| //("title","category","rated")//