Skip to main content

Settings

The Settings panel allows you to customize the Qodly Studio interface for the current user and the current application.

To open the Settings panel, click on the Settings button from the Explorer or the toolbar:

The panel includes two main sections:

  • User Settings: Interface customizations.
  • Application Settings: Application configurations.

Navigate by selecting labels in the top left area of the panel:

User Settings

Adjustments for Qodly Studio's user interface.

Show Renderer Pop Over

Toggle the pop-up for different URL schemes in the renderer and Qodly Studio.

Show Unsaved Files Pop Over

Toggle the warning pop-up for unsaved Page changes when rendering, when you click on the Preview button.

Tooltip Behavior

Set tooltip display on component hover . Options include show/hide after a timeout.

  • Show after timeout: The tooltip appears following a specified delay and remains visible until the mouse is moved.
  • Hide after timeout: The tooltip shows up instantly and then disappears after the set duration.

Tooltip timeout (in seconds)

Duration before the tooltip behavior activates, in seconds.

Enable Helper Tips

Show/hide helper tip icons in the Page Editor.

Activate Welcome Tour

Turn on/off the Welcome tour dialogs for Qodly Studio.

Activate tabs preview mode

Enables or disables the Tabs preview mode, which allows you to open and preview your Qodly files (Pages, model, classes, methods, or any other file) in a single tab. As a result, this option can reduce drastically the number of opened tabs in your project.

Application Settings

Configure settings specific to your web application.

Start Page

Enables selection of a Page to serve as the application’s start page. This chosen Page will automatically render in the following situations:

  • When the Preview button is clicked in the Page Editor, the Page opens in a new tab.
  • When the Preview URL area in the Qodly Cloud dashboard is clicked, the Page is displayed.

Default Display Mode

Choose the default mode for displaying components in Pages:

  • Neutral (default): No extra margins.
  • Airy: Adds default margins for enhanced design.

The Airy mode can also be selected at the Page level.