Как удалить aui из собственного портлета в Liferay

Question

Я использую Liferay Portal Community Edition 6.2 CE GA2 (Newton / Build 6201 /20 марта 2014 г.). Он использует AlloyUI. Каждая страница в моем проекте создается с использованием JSF и Primefaces. К сожалению, AUI CSS есть. это правило:

.aui input {
    width: 209px;
}

... и моя палитра цветов, созданная PF, выглядит так

Лучшее решение для меня - сброс aui css для портлета, как это сделать? Извините за мой английский.

Liferay-portlet.xml

[...]    
<portlet>
    <portlet-name>DSeedvar</portlet-name>
    <icon>/icon.png</icon>
    <requires-namespaced-parameters>false</requires-namespaced-parameters>
    <header-portlet-css>/css/main.css</header-portlet-css>
    <footer-portlet-javascript>/js/main.js</footer-portlet-javascript>
    <css-class-wrapper>seedvar-portlet</css-class-wrapper>
</portlet>
[...]

Answer 1

Вы можете создать свой собственный css, который будет перекрывать css liferay по умолчанию и установить его для вашего портлета в liferay-portlet.xml

<portlet>
    <portlet-name>MyPortlet</portlet-name>
    ...
    <header-portlet-css>/css/main.css</header-portlet-css>
    <css-class-wrapper>portlet-login</css-class-wrapper>
    <add-default-resource>true</add-default-resource>
    ...
</portlet>

Смотрите также: https://www.liferay.com/documentation/liferay-portal/6.0/development/-/ai/anatomy-of-a-portlet

Answer 2

Попробуйте создать новый custom.css в своем портлете и определить его в liferay-portlet.xml, так как custom.css имеет больше предпочтений, чем main.css, и не будет брать aui из вашей темы.

У меня была такая же проблема, если это не сработает, то вы должны перезаписать свой custom.css вашей темы.

Надеюсь, что это работает