Oracle ADF - Trinidad Skinning - import-CSS in css-Haut

Ich bin neu in Oracle ADF und mit Jdeveloper 11.1.1.7
Ich bin mit Skins zu erstellen, die Stile, die für meine Anwendung.
Ich möchte zwei verschiedene css-Dateien für die Haut. hellblau.css gilt hellblau Stile für eine Komponente und Basis.css gelten alle anderen Stile, die für eine Komponente. Auf diese Weise kann ich die Farbe ändern Themen für meine Anwendung, indem Sie/creaing color css-Dateien.
Aber irgendwie importieren von base.css in hellblau.css funktioniert nicht im ADF.

Unten ist die Trinidad config-Datei - trinidad-config.xml Inhalt:

<?xml version="1.0" encoding="windows-1252"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
  <skin-family>LightBlue</skin-family>
</trinidad-config>

Auch hier ist Trinidad skin-Datei - trinidad-skins.xml Inhalt :

<?xml version="1.0" encoding="windows-1252"?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
    <skin>
    <id>LightBlue.desktop</id>
    <family>LightBlue</family>
    <extends>fusion-simple</extends>
    <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
    <style-sheet-name>css/lightblue.css</style-sheet-name>
  </skin>
</skins>

Unten ist mein Beispiel-css-Datei - lightblue.css

@namespace af "http://xmlns.oracle.com/adf/faces/rich";
@namespace dvt "http://xmlns.oracle.com/dss/adf/faces";

@import url("base.css"); /* importing external css file */

af|panelGroupLayout.navigationPane
{
    border:#00A9E0 solid 1px;
}

Auch base.css befindet sich im gleichen Ordner "css" als - lightblue.css und Ihre Inhalte:

@namespace af "http://xmlns.oracle.com/adf/faces/rich";
@namespace dvt "http://xmlns.oracle.com/dss/adf/faces";

af|panelGroupLayout.navigationPane 
{
    height: 32px;
    width: 98%;
    text-align: center;
    margin: 0 1%;
}

Auch verwendet, content-Kompression in web.xml wie unten:

  <context-param>
    <description>Trinidad Style Compression</description>
    <param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name>
    <param-value>true</param-value>
  </context-param>

Wenn ich den style in meiner JSF-Seite sehe ich keine Formatvorlagen angewendet, um meine Komponenten definiert sind, die in base.css aber sehen kann alle Stile aus lightblue.css

Bin ich nicht importieren meiner base.css korrekt oder fehlt etwas?

Bitte helfen.

InformationsquelleAutor user1373028 | 2014-08-08
Schreibe einen Kommentar