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进行自定义;请参阅example）。