Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
Showing results for 
Search instead for 
Did you mean: 
0 Kudos


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:


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