Question

Color change after hover on a button

1

Hi, I have one button which is having orange color. once i hover over it the color should change to green. how can i get it in mendix?

asked 2020-07-14

shubham jain

3 answers

Andreas Blaesius · Answer 1 · 2020-07-14

Something like:

.myButton{
background-color: orange;
}

.myButton:hover{
background-color: green;
}

Do it in the .scss files and compile it using gulp,koala, calypso,… Never change styles in the .css files directly. They will be overwritten when someone changes the scss files.

Andreas Blaesius · Answer 2 · 2020-07-14

You can apply your own css classes to all the objects. Double click on your button, there should be a “class” input field.

In the custom.scss file, you can now add your custom css code.

Akshay Donode · Answer 3 · 2020-07-17

Use calypso for custom css and it is very easy to use, follow the link instruction to use calypso (https://docs.mendix.com/howto/front-end/calypso). Give classname to the button in mendix e.g. myButton and write css code in theme\styles\web\sass\app\_custom.scss file.