Skip to main content

By clicking Submit, you agree to the developerWorks terms of use.

The first time you sign into developerWorks, a profile is created for you. Select information in your developerWorks profile is displayed to the public, but you may edit the information at any time. Your first name, last name (unless you choose to hide them), and display name will accompany the content that you post.

All information submitted is secure.

  • Close [x]

The first time you sign in to developerWorks, a profile is created for you, so you need to choose a display name. Your display name accompanies the content you post on developerworks.

Please choose a display name between 3-31 characters. Your display name must be unique in the developerWorks community and should not be your email address for privacy reasons.

By clicking Submit, you agree to the developerWorks terms of use.

All information submitted is secure.

  • Close [x]

Select a language:

  • Close [x]
  • Close [x]

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

Summary:  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.

Date:  29 May 2008 (Published 08 Apr 2008)
Level:  Intermediate

Activity:  10968 views
Comments:  

Get the downloads

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

DescriptionNameSizeDownload method
Article in PDF formatDevelopingThemesSkinsforPortal60xrev.pdf397KBHTTP
Code samplesfilesforwhitepaper.zip8.31MBHTTP

Information about download methods          Get Adobe® Reader®


Resources

Comments

Back to top

Close [x]

Help: Update or add to My dW interests

What's this?

This little timesaver lets you update your My developerWorks profile with just one click! The general subject of this content (AIX and UNIX, Information Management, Lotus, Rational, Tivoli, WebSphere, Java, Linux, Open source, SOA and Web services, Web development, or XML) will be added to the interests section of your profile, if it's not there already. You only need to be logged in to My developerWorks.

And what's the point of adding your interests to your profile? That's how you find other users with the same interests as yours, and see what they're reading and contributing to the community. Your interests also help us recommend relevant developerWorks content to you.

View your My developerWorks profile

Return from help

Close [x]

Help: Remove from My dW interests

What's this?

Removing this interest does not alter your profile, but rather removes this piece of content from a list of all content for which you've indicated interest. In a future enhancement to My developerWorks, you'll be able to see a record of that content.

View your My developerWorks profile

Return from help

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

Dig deeper into WebSphere on developerWorks

My developerWorks community

Interact, share, and communicate with developers worldwide.

My developerWorks overview

Try IBM PureSystems. No charge.

IBM PureSystems on a kaleideoscope background

Experience today!

Get started with the cloud-based trial and pattern development kit.

Share this page:

  • Close [x]

Follow developerWorks:

  • Close [x]