Skip to main content

Configurable Sidebar Width Now Available in the API Developer Portal

· 2 min read

We've added support for configurable sidebar widths in the API Developer Portal. You can now control the left navigation sidebar width using the layout.sidebar.size portal setting, with four predefined sizes to choose from.

What's New

  • Configurable sidebar width: Control the left navigation sidebar width via the layout.sidebar.size portal setting.
  • Predefined sizes: Choose from four width options depending on your content needs.
SizeWidthDescription
sm272pxDefault size, suitable for minimal layouts
md290pxSlightly wider for balanced content
lg320pxComfortable width for most use cases
xl355pxMaximum width for dense or content-heavy sidebars

Sidebar - Before

Configuration Example

Use the following structure to configure the sidebar width in your portal settings:

{
"generatePortal": {
"portalSettings": {
"theme": {
"layout": {
"sidebar": {
"size": "lg"
}
}
}
}
}
}
  • layout.sidebar.size: Sets the width of the left navigation sidebar. Accepts "sm", "md", "lg", or "xl".

For full configuration details, see the theme layout configuration reference.

Backwards Compatibility

  • Portals with no layout.sidebar.size configured keep the existing sidebar width (sm) with no visual changes.
  • When layout.sidebar.size is configured, the sidebar width changes and the main content area adjusts to fit.