Skip to content

Latest commit

 

History

History
33 lines (25 loc) · 1.25 KB

configuring-your-theme.md

File metadata and controls

33 lines (25 loc) · 1.25 KB
Raw
title url category weight description tags
Configure Your Theme
/howto9/front-end/configuring-your-theme/
Front End
15
Describes how to configure the styling of your page in Studio Pro.
theming
UX
front end

1 Introduction

This document describes how to configure the styling of your page in Studio Pro.

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 Studio Pro, you can configure the "cssFiles" property in settings.json in the theme folder of your app. For example, in this configuration, theme/web/main.scss is loaded when viewing a page in Studio Pro:

{
    "cssFiles": [ "theme/web/css/main.scss" ]
}

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

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