Changing the default width of the Navigation Panel (DTN) within Portal theme

[nickrankin]

Introduction

By default, within the Enterprise Portal it is not possible to define a custom width for the left side Navigation Panel/DTN area of the Portal Framework Page. In this blog post, I will show you a workaround where you can set the Nav Panel to equal a specific custom width:

Important information before you begin: You must have activated LESS theming mode (SAP KBA: 1997947) and use the Ajax Framework Page.

Creating your new theme

1. Open the UI Theme Designer (Content Administration -> Portal Display -> UI Theme Designer) and open your theme of choice
2. From the Theme menu choose Save As and choose a new name for your custom theme
3. Click on the Expert Mode icon under the UI Theme Designer
4. Filter by the property leftnavPanelOpen
5. Adjust the value of this parameter based on your requirements (width should be specified in pixels/px)
6. Refresh your theme display in the UI Theme Designer to observe the changes

For further details please reference the below screenshot:

Testing your new theme

You can test your new theme quickly by logging out of your Portal, and calling the theme directly via the Portal URL:

http://<host>:<port>/irj/portal?theme=your_theme_id

You can locate your Theme ID either under the Portal Catalog or from within the UI Theme Designer itself: