Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Mendix Design-Properties JSON Snippets by EMEAExpertServices-UXNew to Visual Studio Code? Get it now.
Mendix Design-Properties JSON Snippets by EMEAExpertServices-UX

Mendix Design-Properties JSON Snippets by EMEAExpertServices-UX

Jorian Dane

|
73 installs
| (0) | Free
Snippets to easily set up your Design-properties.json file correctly with the latest Rich-DesignProperties included.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

mxesux-designpropertiessnippets README

Design Property Snippets to easily set up your Design-properties.json file, Rich Design Properties included!

Features

  • Included Main element selector based on most used Mendix Widgets.
  • Includes 4 types of controls to better define your design properties. Icon usage and variable usage are explicitly defined for better guidance.

Requirements

Best to use a formatter such as 'Prettier' since the snippet itself comes in unformatted and it will help in making sure you have the comma's in the right places.

Instruction

CTRL+Shift+P to Insert snippets or start with typing 'mxdpe' (Mendix Design Property Element), use Tab-navigation for skipping to parts where you have to set up your property. In the Design-Property-element definition you can use:

  • mxdpdropdown (For the default Dropdown control)
  • mxdptoggle (For the default Toggle control)
  • mxdpbtntoggle (For the new ToggleButtonGroup control)
  • mxdpcolorpicker (For the new ColorPicker control)

Known Issues

  • Margin and Spacing are missing since there are not much use-cases for these outside already existing design properties of Atlas 3. Will be included later down the road.

Release Notes

1.0.0

  • First version of Design properties snippet

1.0.1

  • Fixed snippet-loading

1.0.2

  • Added Gallery-view
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft