How to add styling to module

0
One of my module has some custom styling done in main.css, but I want to export my module to different app. How can I retain those styling in other app without manually adding those in main.css?
asked
4 answers
7

Hello Arpita 

 

Once you will Export and import your module in another application, it will show you error on CSS not found then you need to fix this one by one.

 

It will be better if you can create new custom.css and then you can easy import that file in your new application css path.

answered
1

Hi Arpit,

Create a custom .scss (or .css) file within your module:

In your module folder (under themesource/<yourmodule>/web/), create a file like custom-styles.scss.

Move all your custom styles from main.css to this new file.

Export the module with the styles included.

In the target app, Mendix automatically compiles all module-specific .scss files if the module is structured correctly and the styles are in the themesource folder. No need to touch main.css.

 

I hope this content helps you.

answered
0

Hello Arpitra,

 

There are different things you can do, but in my opinion the best thing to do is to create a theme module, but your styling in there, and this module you can export and import in different projects.

 

There is more info around this in mendix docs, but for the moment mendix docs is not available to me, but when back available search for modules and themes

 

Hope this helps,

 

Good luck!

 

 

answered
0

Hi Arpita

After importing your module into the new app, navigate to Styling > Web. There, create a new SCSS file something like  customstyle.scss and copy all the CSS from your original app into this file.

Next, open the main.scss file in your new app and add the following line to import your styles:

@import "customstyle"; 

 

Hope this helps!

 

Thanks

answered