ibm websphere portal blog,websphere portal, portal blog, ibm blog,websphere blog,websphere tips and tricks, websphere interview questions, portal interview questions, portal faqs

New Custom Layout in Webspherer Portal 8 | IBM WebSphere Portal Blog

Pages

Wednesday, October 29, 2014

New Custom Layout in Webspherer Portal 8




CUSTOM LAYOUT CREATION:


1  1)     Go to ibm\WebSphere\wp_profile\installedApps\cellName\SampleThemeEAR.ear  \SampleTheme.war\themes\SampleTheme\layout-templates in web-dav using Anyclient.

    2)   Create a copy of any template and paste in the same location.


   3)   Make necessary changes to layout.json file by adding below piece of code for custom layout   creation in portal (Registering new layout by adding an entry to the items array in the following format 

       wp_profile\installedApps\CellName\SampleThemeEAR.ear\SampleThemeEAR.war\themes\SampleTheme\system

{'label':'TestLlayout','url':'war:SampleTheme/themes/SampleTheme/layout-templates/testlayout/','id':'testlayout','thumbnail':'war:SampleTheme/themes/SampleTheme/layout-templates/testlayout/sample_icon.jpg','help':''}


   4)      Make necessary changes to your template and refresh the portal page without cache to make it  available for pages to apply.


   5)      Click on 'EditMode' on Portal Administration and check for layout, you should be able to see your custom created layout in the list of layouts.