Planned maintenance is scheduled for the week of June 15th - the exact date and time will be announced soon.
See More Details
Ask Questions and Find Answers
Important:
Ask is now read-only. You can review any existing questions and answers, but not add anything new.
But - don't panic! While ask is no more, we've replaced it with discuss - the new Liferay Discussion Forum! Read more here here or just visit the site here:
discuss.liferay.com
Best practice for theming Alloy UI components
Hi,
I would like to theme some of the AUI elements such as forms, buttons, dialogs etc.
Overwriting the classes in custom.css works just fine, but the styles are also applied to the administraton popups when editing the portlets.
Are there any best practices how to achieve a custom style without changing the "admin style"?
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.
Solutions I would think of:
1. Prefixing all custom aui-classes with .portlet so the style is only used within portlets
2. Prefixing all custom aui-classes with a special class which is then added manually on every portlet or element where it is needed
3. ??
What's the best option to achieve a good custom Alloy UI theme?
I would like to theme some of the AUI elements such as forms, buttons, dialogs etc.
Overwriting the classes in custom.css works just fine, but the styles are also applied to the administraton popups when editing the portlets.
Are there any best practices how to achieve a custom style without changing the "admin style"?
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.
Solutions I would think of:
1. Prefixing all custom aui-classes with .portlet so the style is only used within portlets
2. Prefixing all custom aui-classes with a special class which is then added manually on every portlet or element where it is needed
3. ??
What's the best option to achieve a good custom Alloy UI theme?
Community
Company
Feedback