2016-01-14 1 views
2

Je voudrais définir tous nos styles dans un thème personnalisé Liferay que nous avons développé. Je veux savoir s'il est possible d'utiliser les classes css définies dans le thème dans le projet des portlets. Nous devons éviter les fichiers CSS dupliqués dans chaque projet de portlet. Le but est que le thème contrôle tous les aspects de nos portlets et donc si nous changeons le thème (ou déployons des portlets dans un autre conteneur de portail), les styles de portlet changent. Vous pensez que c'est possible?Utiliser le thème Liferay css dans les portlets

Merci à l'avance ..

+1

Oui, c'est la façon dont le thème fonctionne dans Liferay. Vous pouvez utiliser des classes CSS dans le portlet qui sont définies dans le thème. –

Répondre

3

Qu'est-ce que vous voulez faire est la méthode recommandée pour le style à la fois le thème et les portlets.

Les styles de portlet ne doivent affecter que la disposition dans le portlet auquel ils appartiennent. Tous les autres styles les couleurs, les polices, etc., doivent être définies dans le custom.css du thème.

Je vous conseille d'essayer de styliser les classes de portlets existantes avant d'en introduire de nouvelles. Ensuite, si vous êtes vraiment bloqué, éditez portlet.vm.

Jetez un oeil à Liferay's Political Theme:

custom.css 

... 

.portlet { 
    margin-bottom: 10px; 

    .portlet-topper { 
     padding: 0; 

     .portlet-title { 
... 
+0

Merci pour votre réponse! Est-il obligatoire d'avoir un custom.css (nommé ainsi) dans le thème personnalisé? Si je comprends bien, je peux définir des classes css dans le thème et dans mon projet de portlet je peux simplement mettre ces classes dans les jsps? – javaxiss

+0

Salut! J'ai trouvé la réponse. Il est possible de renommer le fichier custom.css ou d'avoir de nombreux fichiers CSS si nécessaire. Pour en utiliser un particulier, nous devons le mentionner dans liferay-look-and-feel.properties comme suit: ' true cssFileName ' supposons ici que nous avons défini un fichier nommé css cssFileName.css. Merci encore pour votre réponse ... Cela m'a permis de comprendre l'interaction portlet/thème. – javaxiss