Enabling hovering all elements within a container

0
Hello mendix community,   i have a list within a row of a layout grid. I want the hover to apply to all elements in a row, so that if the user hovers over a label in the row the entire row + list elements get highlighted too. Is there a way to enable this?   Thank you very much in advance!   BR Markus
asked
3 answers
1

Hi Markus,

You can achieve this with custom css.
I used the css below to achieve it 

.custom-list-hover > ul > li:hover{
    .mx-dataview {
        background-color: rgb(184, 181, 45);
        .mx-dataview-content > .mx-layoutgrid > .row > .col > .mx-text {
            color: red;
            font-weight: bold;
        }
    } 
}

That class is applied in the list view here.

 

answered
0

this is the row – i have a list view in the right column but it doesnt get highlighted if i hover over “radar type”

answered
0

Here you go. Hope this is good.


 

.custom-layout-for-hover > .row:hover {
    div {
        background-color: rgb(192, 209, 159);

        .mx-text{
            color: red;
            font-weight: bold;
        }
        
        .mx-listview > ul > li > .mx-dataview > .mx-dataview-content > .mx-layoutgrid > .row > .col > .mx-text {
            color: red;
            font-weight: bold;
        }
    }
}

 

answered