Best practice for theming Alloy UI components https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&threadId=13876277 2026-06-11T20:23:53Z 2026-06-11T20:23:53Z Florian Brandel https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&messageId=13876276 2012-05-10T16:30:20Z 2012-05-10T16:30:20Z

Hi,<br /><br />I would like to theme some of the AUI elements such as forms, buttons, dialogs etc. <br />Overwriting the classes in custom.css works just fine, but the styles are also applied to the administraton popups when editing the portlets.<br /><br />Are there any best practices how to achieve a custom style without changing the &#34;admin style&#34;? <br />Concerning forms, I want that all Web Form Portlets have my custom style as well as all other portlets in which I add AUI form components. But all admin controls should stay the same.<br /><br />Solutions I would think of:<br />1. Prefixing all custom aui-classes with <em>.portlet</em> so the style is only used within portlets<br />2. Prefixing all custom aui-classes with a special class which is then added manually on every portlet or element where it is needed<br />3. ??<br /><br />What&#39;s the best option to achieve a good custom Alloy UI theme?

Florian Brandel 2012-05-10T16:30:20Z