Can I center an app that uses the Sidebar?

Feature Requests
1

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
2

+1

3

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

4

+1

1 Like
5

+1

6

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.

image
image2558×1107 182 KB

7

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
8

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

1 Like
9

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

10

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

11

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
12

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

3 Likes
13

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.

1 Like
14

Just here to bump this and see if there’s any update @Tess ?

I see a few design rollouts coming so I’m hoping this is included!!

15

Thanks for checking in! I don't have an eta for this one yet :disappointed: