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
3 answers
6

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.

answered
5

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.

answered
2

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.

answered