Design first approach

Trying to figure out the correct Mendix way to apply a 3rd party custom design to a Mendix application. It wasn't designed with Mendix in mind, and I'm expected to deliver a pixel-perfect replication of the design. How do you hook into the sass build pipeline? For example, I need to reference/override bootstrap's internal variables.
3 answers

There is a nice blog on how to use sass with Mendix here:




You can build custom themes.

Use mendix layouts and the container widget to define the rough structure. You can define classes in these elements. In the project directory you can place a theme folder to store css and js files. Please take a look at the following links for more info and details.

I hope this helps. ;-)


When you go to start working with sass files I highly recommend utilizing Koala. t lets you drag the styles folder of your project into the GUI of the application and from there it will handle the compiling of the css file for you. This makes it very simple to just: edit the scss then save, compile in Koala, and run in mendix to view your changes.