2016-04-19 3 views
1

Ich möchte einen benutzerdefinierten CSS-Stil hinzufügen und legen Sie meine Komponente mit diesem Stil, aber dann kann ich es nicht funktionieren. Ich habe versucht zu kopieren, wie die Jcr Browser-App den benutzerdefinierten CSS-Stil tun, indem Sie eine CSS im Ordner VAADIN, aber das funktioniert nicht. Ich habe auch das App-Theme ausprobiert, funktioniert aber auch nicht. Ich weiß nicht, welche Konfiguration ich vermisse. Ich kann keine klare Dokumentation darüber finden, wie ich ein benutzerdefiniertes CSS für meine APP erstellen kann.Custom CSS Style für Magnolia Main Sub App

Was ich möchte nur meine Hauptanwendung anpassen, um einen Text mit einem Stil anzuzeigen, den ich in einer CSS-Datei konfigurieren kann.

Jeder kann mir dabei helfen? Vielen Dank!

[UPDATE] Ich kann immer noch nicht funktionieren. Aber ich kann sehen, dass "app-orange" in meinem div auftauchte, genau wie das, was die docs sagten. Ich weiß wirklich nicht, was ich hier vermisse, wieso das CSS immer noch nicht funktioniert. :(

Hoffnung jemand mir mit diesem helfen können. Dank !!!!

Antwort

1

ich bin in der Lage, diese Arbeit zu machen, indem das Hinzufügen @StyleSheet ({ "Vaadin:.//themes/orange/styles.css "}) in meinem Java-Code. Dadurch wird die styles.css von Magnolia erkannt und alle Stile werden in meiner App angezeigt. :)

0

Dies wurde in unseren Community-Foren gestellt und beantwortet auch in der Tiefe.

https://forums.magnolia-cms.com/forum/thread.html?threadId=4d78fdd4-ad02-4b55-b1f2-ef947a888fcb

glaube ich, diese Antwort in diesem Fall ausreichend sein

Cheers, sollte

+0

Hallo! Ja, ich sah das schon und befolgte die Anweisungen, aber ich konnte es immer noch nicht funktionieren lassen. Oder liegt es daran, dass ich nur .css habe? Ist das .scss erforderlich? –

+0

Wenn ich es richtig verstehe, wenn ich ein "Thema" in meinen App-Deskriptor lege, sucht es automatisch nach "src/main/resources/VAADIN/themes/orange/styles.css", falls mein "Thema" eingestellt ist zu "Orange". Also habe ich schon dieses hier verfolgt, aber es scheint, dass wenn ich meine Haupt-Sub-App untersuche, es immer noch die styles.css von der adminincentral und nicht von der orange/styles.css verwendet. Ich bin wirklich verloren, wie das geht one .. –

+0

@ 5472161 -> Dieser Ansatz würde nicht die adminincentral CSS ersetzen, stattdessen würde es eine neue erstellen. – Ducaz035