Changing the default width of the Navigation Panel (DTN) within Portal theme
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
- Open the UI Theme Designer (Content Administration -> Portal Display -> UI Theme Designer) and open your theme of choice
- From the Theme menu choose Save As and choose a new name for your custom theme
- Click on the Expert Mode icon under the UI Theme Designer
- Filter by the property leftnavPanelOpen
- Adjust the value of this parameter based on your requirements (width should be specified in pixels/px)
- 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: