Developing themes and skins in IBM® WebSphere® Portal 6.0.X

This white paper provides IBM® WebSphere® Portal developers an understanding of the new features and layouts available with the version 6.0.X themes and skins, addressing new functionality such as theme extensions and theme policies. It also covers how the various files that make up the complete theme are pulled together and how they are used to control the various aspects of the look and feel.

29 May 2008 (First published 08 April 2008)

This white paper provides IBM® WebSphere® Portal developers an understanding of the new features and layouts available with the version 6.0.X themes and skins, addressing new functionality such as theme extensions and theme policies. It also covers how the various files that make up the complete theme are pulled together and how they are used to control the various aspects of the look and feel.

In this article

  • Introduction
  • Themes and skins basics
    • JSP files for themes
    • JSP files for portlet layout and rendering
    • JSP files used for stylesheets
    • JSP files used for JavaScript
    • Additional JSP files used by the portal theme
    • Tags used by WebSphere Portal JSPs
  • Theme policy
    • Exporting and updating a theme policy
    • Adding custom policy attributes
    • Accessing standard theme policy attributes
  • Color palette
    • Creating the palette
    • Assigning the palette to a page
  • Theme extensions
  • Flyouts and context menus
    • Flyouts
    • Context menus
  • Development tools
  • Migrating to version 6.0 from version 5.1
    • Adding drag and drop
    • Considerations when migrating
  • Appendix A: Drop-down navigation example
  • Appendix B: Right-hand navigation example
  • Appendix C: Removing unwanted space
  • Appendix D: Changing properties of the flyout

Summary

This white paper provides various points for customization and describes the skills you need to create a theme to meet your implementations requirements. Additionally, it provides many tools with which you can create the look and feel that you need, while taking advantage of code reuse and the latest extension points of the IBM WebSphere Portal 6.0 theme.

Downloads

DescriptionNameSize
Article in PDF formatDevelopingThemesSkinsforPortal60xrev.pdf397KB
Code samplesfilesforwhitepaper.zip8.31MB

Resources

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=1
Zone=WebSphere
ArticleID=299920
SummaryTitle=Developing themes and skins in IBM® WebSphere® Portal 6.0.X
publish-date=05292008