在portlet中使用Liferay主题css

在portlet中使用Liferay主题css,liferay,portlet,portal,liferay-theme,Liferay,Portlet,Portal,Liferay Theme,我想在我们开发的定制Liferay主题中定义我们的所有样式。我想知道是否可以在Portlet项目中使用主题中定义的css类。我们需要避免在每个portlet项目中重复css文件。目标是主题控制portlet的所有外观方面,因此如果我们更改主题(或在另一个门户容器中部署portlet),portlet样式也会更改。 你认为这是可能的吗 提前感谢。您想要做的是为主题和portlet设计样式的推荐方法 Portlet样式只应影响其所属Portlet内的布局。所有其他风格;颜色、字体等应该在主题的cus

我想在我们开发的定制Liferay主题中定义我们的所有样式。我想知道是否可以在Portlet项目中使用主题中定义的css类。我们需要避免在每个portlet项目中重复css文件。目标是主题控制portlet的所有外观方面,因此如果我们更改主题(或在另一个门户容器中部署portlet),portlet样式也会更改。 你认为这是可能的吗


提前感谢。

您想要做的是为主题和portlet设计样式的推荐方法

Portlet样式只应影响其所属Portlet内的布局。所有其他风格;颜色、字体等应该在主题的
custom.css
中定义

我建议您在引入新的Portlet类之前尝试对现有的Portlet类进行样式化。然后,如果您真的被卡住了,编辑
portlet.vm

看看:


是的,这就是Liferay中主题的工作方式。您可以在portlet中使用在主题中定义的css类。谢谢您的回答!在自定义主题中必须有custom.css(命名为so)吗?如果我理解正确,我可以在主题中定义css类,在我的portlet项目中,我可以简单地将这些类放在JSP中?嗨!我找到了答案。可以根据需要重命名custom.css文件或拥有多个css文件。要使用特定的一个,我们需要在所需主题标记的liferay-look-and-feel.properties中提到它,如下所示:
true cssFileName
这里假设我们定义了一个名为cssFileName.css的css文件。再次感谢您的回答。它让我能够理解portlet/主题交互。
custom.css

...

.portlet {
    margin-bottom: 10px;

    .portlet-topper {
        padding: 0;

        .portlet-title {
...