Creating New Theme in IBM Portal 6.1

Here we will see how to create new theme in IBM portal 6.1.

Theme folder – /<portalroot>/IBM/WebSphere/wp_profile/installedApps/<node>/wps.ear/wps.war/themes/html

Folder Portal/PortalWeb2 is the default theme provided by IBM.

How to install New Theme?

  1. Copy any one folder Portal/Portal2 depending on your need.
  2. Rename (eg. yourtheme) and Paste the same in the same hierarchy as other folders. (Note :- both the nodes if doing in clustered environment.)
  3. For registering/importing the yourtheme as a new theme in portal follow as below:

Importing a theme

 

 <?xml version=”1.0″ encoding=”UTF-8″?>

<request

xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance&#8221;

xsi:noNamespaceSchemaLocation=”PortalConfig_6.1.0.xsd”

type=”update” create-oids=”true”>

<portal action=”locate”>

<!–This is a sample for deploying themes and skins in an XML script. Note that this script creates the database entries only; you must provide the rendering JSPs under the resource root directories specified in the XML.–>

<skin action=”update” active=”true” objectid=”NoSkin” uniquename=”wps.skin.noSkin” resourceroot=”NoSkin” >

<localedata locale=”en”>

<title>NoSkin</title>

<description>A skin with no skin</description>

</localedata>

</skin>

<theme action=”update” active=”true” defaultskinref=”NoSkin” uniquename=”ibm.portal.theme.Your_Theme” resourceroot=”yourtheme“>

<localedata locale=”en”>

<title>Your_Theme</title>

</localedata>

<!–You can combine only one skin with this theme.–>

<allowed-skin skin=”NoSkin” update=”set”/>

</theme>

</portal>

</request>

 

uniquename=”ibm.portal.theme.Your_Theme” – Unique name

resourceroot=”yourtheme” – It will look for yourtheme folder with same folder/files hierarchy required for theme

<title>Your_Theme</title> – Name that will be displayed in Portal Administrator UI

  1. Login to WebSphere Portal
  2. Select Administration > Import XML.
    ThemesSkinsImportXML
  1. Select DeployYourTheme.xml and click Import.
  2. Select Administration > Themes and Skins.

    ThemeandSkinsAdmin

  1. Select the new theme and click Edit Theme.
  2. Select the IBM – portal default skin and click Add > OK.
  3. When creating new page theme selection option will show new theme.

Clicking the view on the side will show a pop up with the theme layout described.

ThemesSkinsLayout

 

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: