Skip to main content

Notifications

Announcements

No record found.

Customer experience | Sales, Customer Insights,...
Unanswered

Disabling CSS Hover effect on Contracts grid view

Posted on by Microsoft Employee

My goal is to change the background color on the current pop end date field in a contract grid view but there is a css hover effect that removes the color change. I tried adding an event listener for each of the rows:

var rows = window.parent.document.querySelectorAll('.wj-row');
rows.forEach(function(row) {
    row.addEventListener('mouseleave',function(event) {
        window.getComputedStyle()
        window.getComputedStyle(this).backgroundColor;
        //changes background color immediatly when hover affect is applied
        row.children[7].style.backgroundColor = 'blue';
        
    })
})
But still there is no change. I tried applying jquery but the dates in current pop end date and the dates does not display.
pastedimage1604000485846v1.png
What Im trying to do is disable toe hover effect or remove the class cc-grid-rowHover
Can anyone help me with this.
Thank you 

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

December Spotlight Star - Muhammad Affan

Congratulations to a top community star!

Top 10 leaders for November!

Congratulations to our November super stars!

Tips for Writing Effective Suggested Answers

Best practices for providing successful forum answers ✍️

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 291,280 Super User 2024 Season 2

#2
Martin Dráb Profile Picture

Martin Dráb 230,235 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans