Change back ground colour in a div on mouse over

gunnery · May 5, 2020, 9:29am

Must be having a brain freeze, i can’t remember for the life of me how to do this in wappler.
Anyone give me a quick refresher.

Teodor · May 5, 2020, 9:40am

Hello,

<div class="myelement">Content ... </div>

.myelement:hover {
    background-color: #444;
}

gunnery · May 5, 2020, 9:41am

cheers buddy, I knew it was something simple

TomD · May 5, 2020, 9:51am

For more options/control, there is a ‘Wappler Way’ - by applying the Style dynamic attribute to the div and setting the style value dynamically (variable or database value etc.) using a mouseover event.

(For most most purposes Teodor’s solution is the answer.)

Teodor · May 5, 2020, 9:58am

Another way, if you don’t want to open code view is to style your classes using the Design Panel