Buttons onMouseEnter, onClick change Color CSS

Qodly Qodly Studio
1

Hello!
For users it would be helpful if the color changes when the mouse is over the button and when the user clicks the button.
This could be implemented in the properties (below Background as Background hover, Background clicked) of the button component as “css class”, so no server request would be necessary.
Some css-frameworks mark a button that was last clicked in other color. This is often helpful, to see what the last user-action was.
image

2

Hello Renlite,

Until now, for the first thing we can create a CSS class that has styles for the button and styles once I do a hover on it.

image
image1103×570 15 KB

When the mouse is over the button:

image

3

For the second thing (CSS when onClick button), I will create a feature request for it.

4

Thank you, maybe this belongs together:

image
image709×313 15.5 KB

1 Like
5

Hello Renlite,

We did add a new feature in the beta 5, it called “states”.
you can use it to change the properties as color or background …

You will find more details here : Non-Conditional States | Qodly Developer Center

For this feature, we don’t call the backend to apply the css, it’s happening in the client side.