Extend Design Properties to Customize Your Studio Experience

Last update: Edit

1 Introduction

There are two customizable settings files for Atlas UI that can be found in the theme folder of your Mendix project. These files are named settings.json and settings-native.json.

This how-to will teach you how to do the following:

  • Extend design properties applied in Studio

2 Extending Design Properties Applied in Studio

Properties in the Design section of Studio allow users to change the position and styling of widgets on a page. Atlas UI contains a design properties file that can be extended with your own custom design properties.

You can find the design properties inside the settings.json or settings-native.json files of your Mendix project.

The example below shows the design properties of a "Button".

  • "name" – the name of the design property
  • "type" – the type of the design property (for example, Dropdown or Toggle)
  • "description" – a brief explanation of the design property
  • "options" – the array of options that shows the name and CSS class specified in the Sass files for Atlas UI

These design properties are used in the Design section of Studio.

Design Properties in Studio

3 Read More