如何为一些portlet制作不同的主题

时间:2012-04-04 08:33:05

标签: css liferay portlet zk liferay-theme

我是Liferay的新手,我有以下问题。我需要创建门户主题 - 这没关系,没问题。这将设置我的门户网站和默认portlet的样式。但是在我自己的一些portlet中,我使用了ZKOSS页面,这需要完全不同的样式。我的问题是,如何做到Liferay主题课不会影响我的ZKOSS页面? Liferay主题中有一些常规样式,如输入等,但我不希望这些规则应用于我的ZKOSS portlet中。希望我能清楚地解释自己。有什么建议吗?

3 个答案:

答案 0 :(得分:4)

我不知道ZKOSS portlet,但引入portlet特定主题css的一般方法是通过DOM:检查你的页面,看看你的ZKOSS portlet是如何生成的:Liferay围绕每个包含portlet的portlet生成一个包装器 - 名称,你可以用它来造型。

由于我没有可用的ZKOSS,这里有一个例子,可以为每个导航portlet应用一些特别难看的样式:

 .portlet-navigation .portlet {
       background: purple;
 }

使用Firebug或类似工具找出相关的DOM结构,只需为这些元素添加所需的样式

答案 1 :(得分:4)

您可以在liferay-portlet.xml中设置<css-class-wrapper>My_Portlet</css-class-wrapper>

有关详细信息,请参阅:http://www.liferay.com/community/wiki/-/wiki/Main/Liferay+UI+Guidelines

答案 2 :(得分:0)

您还可以使用Liferay颜色方案为同一个portlet定义单独的UI。

Liferay 7 / DXP:     https://dev.liferay.com/develop/tutorials/-/knowledge_base/7-0/specifying-color-schemes

Liferay 6.2:

https://dev.liferay.com/develop/tutorials/-/knowledge_base/6-2/specifying-color-schemes