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.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen zu ändern
lightblue.css
so:Ich würde sagen du machst es falsch. ADF Weg, es zu tun ist mehr java-like.
Sollten Sie erstellen Sie einige Basis-skin, das halten Sie alle Ihre Basis-css-Regeln.
Dann erweitern Sie diese Basis-skin mit Ihrem eingefärbte Versionen "hellblau" oder was auch immer.
Lesen Sie details im Dokumentation (20.2.3 so Registrieren Sie eine Benutzerdefinierte Skin)
Du kannst auch
Oracle ADF Skin Editor
um IDE-Unterstützung mit benutzerdefinierte skin Gebäude.Sie können schnappen Sie sich die Letzte version, wählen Sie einfach rechts ADF-version (11.1.1.7) in der Haut erzeugen-dialog.