Skip to Content

Changes for page ERDivaLook

Last modified by Ravi Mendis on 2010/09/10 01:14
From version 143.1
edited by Ravi Mendis
on 2009/04/23 08:38
Change comment: Add how to set page CSS
To version 140.1
edited by Ravi Mendis
on 2009/04/23 09:43
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -42,13 +42,33 @@
42 42  
43 43  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]].
44 44  
45 -=== How to Set D2W Page CSS ===
45 += Using ERDivaLook =
46 46  
47 +=== Setting the D2W Page CSS ===
48 +
47 47  Diva look introduces a new D2W key: **stylesheet**.
48 48  The CSS file computed by this key will be set as the stylesheet for the page.
49 49  
50 50  e.g:
51 51  
52 -|= LHS |= key |= RHS
53 -| task = 'edit' |**stylesheet**| //NeutralEditPage.css//
54 -| task = 'inspect' and session.theme = 'Simple' |**stylesheet**| //SimpleInspectPage.css// |
54 +|= LHS |= key |= RHS
55 +| task = 'edit' |**stylesheet**| //NeutralEditPage.css//
56 +| task = 'inspect' and session.theme = 'Simple' |**stylesheet**| //SimpleInspectPage.css// |
57 +
58 +==== A closer look at the CSS file... ====
59 +
60 +1. h5.CSS Imports
61 +
62 +{{code}}
63 +
64 +@import url("Neutral.css");
65 +@import url("ERDIVEditPage.css");
66 +@import url("NeutralEditToManyFault.css");
67 +@import url("NeutralEditToOneFault.css");
68 +@import url("NeutralCalendarDateSelect.css");
69 +@import url("NeutralAjaxAccordion.css");
70 +@import url("NeutralEditToOneRelationship2.css");
71 +
72 +{{/code}}
73 +
74 +The 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.