Skip to main content

Celonis Product Documentation

Choosing View layouts

Studio View layouts can be configured as either scale-to-fit or custom height Views, depending on your use case and display preferences.

When creating or editing Studio Views, you can choose the layout type for that View by clicking View Settings:

view_settings.png

You can also choose different layouts per tabbed View using the tab setting menu:

tabbed_view_settings.png

You can then select between scale-to-fit and custom height:

Scale-to-fit Views

With scale-to-fit Views, the View and configured components automatically resize to fill the available screen size. Scale-to-fit Views have a fixed height and the View can't be vertically scrolled, meaning that you must configure your components based on the View space displayed. Scale-to-fit Views ensure that the View responds to the monitor displaying it, regardless of screen resolution and monitor sizes.

As an example, this is a scale-to-fit View on a large external monitor:

scale-to-fit_large.png

And this is an example of a scale-to-fit View on a laptop monitor:

scale-to-fit_small.png
Custom height Views

By defining a custom height (in px) for your View, your components remain their configured size at all times. Your View can also be vertically scrolled where needed.

When editing a custom height View, your View height can be configured in two places:

  • From the View settings menu:

    set_custom_height_from_settings.png
  • At the bottom of the View editing area:

    set_height_from_view_editor.png

As an example, this View (an edited version of the one used in the scale-to-fit examples) has a custom height of 1920 pixels and is being displayed on a large external monitor. As you can see, the custom height allows for a case explorer component to be added to the View:

custom_height_example.png

The same View can then be displayed on a laptop monitor, where the additional case explorer component is visible after vertically scrolling:

custom_height_with_vertical_scroll.png