Can I center an app that uses the Sidebar?

I have noticed that when activating the Sidebar, the app left justifies rather than centering like it used to.

I prefer it in the center, is there a way to do that with the Sidebar?

1 Like

+1

Thanks for the feedback! We're investigating this internally :blush:

+1

1 Like

+1

Any update on this? Apps with a header and sidebar look very odd on most high res displays. All the space to the right of the red line is just wasted and not accessible.

Found the solution - in the "App Settings" make sure you set canvas width to 100% - the docs are wrong and suggest that "none" should also use the whole width but it doesn't.

@Tess this page might need updating:
App editor (retool.com)

image

2 Likes

'none' does appear to work for me - are you on cloud or self hosted?

1 Like

We're on-prem, not tried in cloud.

:wave: Thanks for flagging! It looks like 'none' should work on v2.119+

Using 100% works for me, but the app looks better using a pixel limit. Is it in Retool's plans to allow main to be centered when sidebar is present while using a pixel limit in the future?

2 Likes

Hi @Gabriel_Barone! We're tracking requests for this & I will follow up here when our team is able to ship this

2 Likes

Requesting the same thing that Gabriel mentioned. I want the ability to set a fixed width (in pixels) while keeping the entire content centered in the browser.