Mendix 7 is no longer supported unless you have Extended Support (for details, please contact Mendix Support). Mendix 7 documentation will remain available for customers with Extended Support until July, 2024.

Configure Your Theme

Last modified: June 28, 2023

1 Introduction

This document describes how to configure the styling of your page in the Desktop Modeler.

2 Configuring Your Theme

The styling that is loaded when opening your Mendix application in a web browser is configured in the HTML of your index pages.

To ensure that the same styling is loaded when viewing your page in the Desktop Modeler, you can configure the "cssFiles" property in settings.json in the theme folder of your app. For example, in this configuration, theme.css is loaded when viewing a page in the Modeler:

1
2
3

{
    "cssFiles": [ "theme.css" ]
}

To avoid having to maintain the styling that is loaded in the client and the Modeler separately, you can use the following token in your index pages to load the same styling in the client: {{themecss}}.

1
2
3

<head>
    {{themecss}}
</head>