About ALI 6.5 Adaptive Styles (CSS Customization)
In AquaLogic Interaction 6.5, the available CSS UI customization
options have been expanded and restructured. These topics provide
information and detailed instructions on implementing UI customization
through CSS.
ALI 6.5 includes a new UI customization framework based on adaptive
page layouts. For details on adaptive page layouts, see About Adaptive Page Layouts (ALI 6.5) and the AquaLogic
Interaction Administrator Guide. If you are using adaptive page
layouts in your portal implementation, additional UI customization
options are available through the ALI CSS file.
The portal CSS template file follows standard CSS syntax rules.
For details on CSS, see http://www.w3.org/Style/CSS/.
(The legacy layout is still supported in 6.5. For details on legacy
CSS customization, see Introduction: Using Adaptive Styles (CSS Customization).)
- Using Adaptive Styles to Customize Page LayoutAdaptive styles allow you to modify page layout and design using the portal CSS template file. You can also use CSS to hide specific functionality exposed in the portal page. This page provides basic syntax rules and customization examples.
- Using Adaptive Styles to Customize Portlet Style and LayoutAdaptive styles allow you to customize specific portlets using the unique ID assigned to each portlet, or use CSS classes to modify the design of a group of portlets. You can also set constraints for portlets, including limiting a specific portlet to a three-column layout or preventing users from collapsing portlets.
- ALI 6.5 Adaptive Styles Base Page ElementsThese elements control style and layout for base page elements, including the action bar and banner. This is not a complete list; for all available elements, see the mainstyle.css file.
- ALI 6.5 Adaptive Styles Navigation ElementsThese elements control style and layout for navigation elements, including the menus and breadcrumbs. This is not a complete list; for all available elements, see the mainstyle.css file.
- ALI 6.5 Adaptive Styles Search ElementsThese elements control style and layout for search elements, including search forms and the search browse page. This is not a complete list; for all available elements, see the mainstyle.css file.
- ALI 6.5 Adaptive Styles Editing ElementsThese elements control style and layout for editing elements, including the page editing elements near the navigation breadcrumb and the flyout page and portlet editor elements. This is not a complete list; for all available elements, see the mainstyle.css file.
- ALI 6.5 Adaptive Styles Directory ElementsThese elements control style and layout for Directory elements. This is not a complete list; for all available elements, see the mainstyle.css file.
- ALI 6.5 Adaptive Styles Portlet ElementsThese elements control style and layout for portlet elements. This is not a complete list; for all available elements, see the mainstyle.css file.
- ALI 6.5 Adaptive Styles User ElementsThese elements control style and layout for user elements, including user profile, user activity stream, user friends and user information components. This is not a complete list; for all available elements, see the mainstyle.css file.
- Implementing Localized Stylesheets for Adaptive Page LayoutsTo provide language-specific stylesheets for internationalized portal implementations, create a localized version of the ALI stylesheet and map the language to the each style sheet in the CustomStyles.xml file.