Как применять расширенный стиль для всех портлетов одного вида

Question

Я хочу применить свой расширенный стиль для портлета свойств-издателя для всех экземпляров, которые создаются и будут созданы в функции. (Я хочу, чтобы обновить ширину предварительного просмотра документа не ширина портлета) Это мой код:

.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-библиотекой документов вместо .portlet-borderless.portlet-актив-издатель , но ничего не получится.

Итак, есть ли у вас какие-либо предложения о том, как сделать мой css-по умолчанию для всех портлетов-издателей на моем сайте?

Answer 1

По умолчанию, все экземпляры Asset Publisher использовать этот класс в элементе оберточной сНу, как указано в платформе liferay-portlet.xml:

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

Styling каждого экземпляра Asset Publisher

селектор CSS .portlet-asset-publisher является достаточно.

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

Укладка детали активов только

По умолчанию Liferay оборачивает содержание актива в DIV с asset-full-content класса.

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

Если вам нужно больше контроля

Оба списка и детали могут быть настроены с ADT шаблонов или JSP крючками. Если вам нужен полный контроль над выходом HTML, я предлагаю внедрить специальный шаблон ADT для списка (см. Rich Summary) и настраиваемый стиль отображения для детали (т. Е. JSP-hook в LR 6.2, детали по-прежнему не могут быть настроены с помощью ADT; см. example).