Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

How to set the CSS/Theme of a

...

Diva Look app

Diva look introduces a new D2W key: stylesheet.
The CSS file computed by this key will can be set used as the global stylesheet for the application in your D2W PageWrapper.

e.g:

LHS

key

RHS

session.theme = 'Simple'

stylesheet

Simple.css

A closer look at the CSS file...

1. CSS Imports
Code Block
@import url("_Neutral.css");
@import url("ERDIVEditPage.css");
@import url("NeutralEditToManyFault.css");
@import url("NeutralEditToOneFault.css");
@import url("NeutralCalendarDateSelect.css");
@import url("NeutralAjaxAccordion.css");
@import url("NeutralEditToOneRelationship2.css");

The CSS file NeutralEditPage_Neutral.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.

Note
titleNote

IE has a limitation of a max. of 32 CSS files imports per page (and at a depth of 3).

2. Image Replacement
Code Block
div#a h1.edit {
	background: url(/WebObjects/Frameworks/JavaDirectToWeb.framework/WebServerResources/EditMetalBan.gif) no-repeat;
	text-indent: -5000px;
}

...