如何为所有类型的portlet应用高级样式

Question

我想为资产发布者portlet应用我的高级样式,用于创建并将在功能中创建的所有实例.(我想更新文档预览的宽度而不是portlet的宽度)这是我的代码:

.yui3-dd-draggable.yui3-resize{
width: 75% !important;
}

我试过这样的

.portlet-borderless.portlet-asset-publisher.yui3-dd-draggable.yui3-resize{
width: 75% !important;
}

要么

.portlet-borderless.portlet-asset-publisher. yui3-dd-draggable.yui3-resize{
width: 75% !important;
}

要么

.portlet-borderless.portlet-asset-publisher
.yui3-dd-draggable.yui3-resize{
width: 75% !important;
}
}

要么

.yui3-dd-draggable.yui3-resize{
.portlet-borderless.portlet-asset-publisher
width: 75% !important;
}
}

或所有这些变体,但使用.portlet-borderless.portlet-document-library而不是.portlet-borderless.portlet-asset-publisher但没有成功.

那么你有什么建议如何为我的网站中的所有资产发布者portlet制作我的css默认值？

Answer 1

默认情况下,所有Asset Publisher实例都在包装div元素中使用此类,如平台中所指定liferay-portlet.xml:

<portlet>
    <portlet-name>101</portlet-name>
    ...
    <css-class-wrapper>portlet-asset-publisher</css-class-wrapper>
    ...
</portlet>

每个Asset Publisher实例的样式

CSS选择器.portlet-asset-publisher就足够了.

.portlet-asset-publisher {
    width: 75% !important;
}

仅限资产详细信息的样式

默认情况下,Liferay将资产内容包装到带有asset-full-content类的div .

.portlet-asset-publisher.asset-full-content {
    width: 75% !important;
}

如果你需要更多的控制权

可以使用ADT模板或JSP挂钩自定义列表和详细信息.如果您需要完全控制HTML输出,我建议为列表实现自定义ADT模板(请参阅Rich Summary)和详细的自定义显示样式(即JSP钩子 - 在LR 6.2中,细节仍无法使用ADT进行自定义;见例).