This article is also available in:

🖥 Adjust my app ratio

Celestory allows you to create applications that fit all screen shapes.

To adjust the ratio of your app, in your project, click on Play current module.

The Play Test and Debug windows appear. Click on the View tab of the Debug window.

There are 2 notions:

Device Ratios: Allows you to simulate the view of your app by another screen ratio. It does not change the ratio of your app.

Project ratio**: This changes the ratio of your project.

Portrait (for mobile priority)**: Sets the app's height to be greater than its width, while fitting the screen to create a square.

If the app is in portrait ratio on a 9/16 or 9/19.5 screen, it will be displayed in full screen.

If the app is in portrait ratio on a 16/9 screen, it will be limited to a square.

Landscape (for desktop priority): Sets the app's **width to be greater than its height, while adapting to the screen to create a square.

If the app is in landscape ratio on a 16/9 screen, it will be displayed in full screen.

If the app is in landscape ratio on a 9/16 screen, it will be limited to a square.

Responsive (no priority): the app adapts to any screen format without limit, but be careful to design your experience so that the content fits all formats.

For the Chatbot template, inside the app, there are 3 interesting notions to explore:

Frame:** The frame allows you to customize the extensible area in the background of your application. For example, a frame fits with a portrait app ratio.

Background**: Defines the background of the application to be displayed by default. It can be changed at any time with a Background block.

Flow: Represents the "wall" of discussion in relation to the space taken by the application. Here you can constrain or position the Feed as you wish, such as the size it takes up in the background.

Updated on: 14/04/2025

Was this article helpful?

Thank you!