Theme Customizer

Starting from Version 6.1, WPS provides a Theme Customizer portlet, that lets you change the appearance and behavior of a theme. You can select colors, fonts, graphics, turn areas of the page on and off, and adjust the settings for areas of the page such as the navigation. Customizations are saved as Theme Styles that are applied to pages by editing the page properties in the Manage Pages portlet. Some themes do not support all of the choices available in this portlet.

You can either edit the existing theme policy or add new theme policy using the Theme Customizer portlet. You can access Theme Customizer portlet from Portal Adminstartion Console like this



The Theme Customizer functionality is divided into 5 main parts.

  • Page: The page tab related functionality can be further subdivided into 3 parts

    1. Page Settings: Select the background image and/or background color for the page and decide how the background image should be displayed

    2. Page Content: Allows you to decide what content should be displayed on the page. Ex Show or hide the Search Control, Portlet Links,..etc

    3. Breadcrumb Trail Settings: Control if you want to display breadcrumb or not as well as look and feel of the bread crumb




  • Banner: Lets you control the banner section of the portal page.

    1. Branding: Allows you to set company logo that displays in the top left hand side corner and the title for the Portal Site, as well as font and style for the Title text

    2. Banner Settings: Let you select the background image or color for banner area of the page. It also lets you decide if you want to display quick links in banner or not

  • Navigation: The Navigation part allows you to control Navigation both top and side level navigation of portal

    1. Navigation Style: This part allows you to choose what type of navigation do you want, side only or combination of side and top,..

    2. Top Level Style: Controls if you want to display top level navigation in the banner area or not, if yes then control look and feel of Top level navigation

    3. Side Navigation Style: Control look and feel of the side navigation bar


  • Portlet Area: This section lets you control the Portlet Area of the page.

    1. Portlet Area Header Settings: The header section is the area between banner and body which is rendered using screenRender tag. You can set image for that area and look and feel.Default portal theme does not show anything in this area

    2. Portlet Area Settings: You can set background image and background color for the mainContent section

    3. Default portlet skin settings: Controls the look and feel of the default portlet skin



  • Footer: Controls the footer of the portal page.

    1. Quick Links Shelf Settings: This section allows you to control if you want to display quick links shelf and if yes how.

    2. Footer quick links settings: Display quick links in footer or not and if yes how.





Once you start customizing the theme you will also get the Customize theme button in the banner of the page and when you click on it that will open a Theme Customizer portlet in modal dialog like this

No comments: