Skip to main content

Notifications

Announcements

No record found.

News and Announcements icon
Dynamics 365 Community / Forums / Customer Service forum / Update calendar CSS on...
Customer Service forum

Update calendar CSS on Portal Entity List

(0) ShareShare
ReportReport
Posted on by DevCrm16 215

Working with a Portal Entity List rendered as a full calendar and trying to change the red record counts on the calendar to be something more neutral like a gray but i can't seem to get the css to update. 

I inspected the element and it looks like the css class being called is .badge-important. If I go into the inspector and uncheck the two instances of the background color it updates the background to be grey but when i try and do this through code (Jquery in custom javascript on entity list or CSS from custom css on webpage holding the entity list to set the ".badge-important" background-color to "transparent" or #7D7D7D) nothing happens??

Any ideas?

3731.Capture.PNG  Capture2.PNG

Categories:
Portals
  • GRedhead Profile Picture
    GRedhead 270 on at
    RE: Update calendar CSS on Portal Entity List

    Further to this does anyone know how to change the appointment color of the appointments to match the actual colors, so from the blue to the yellow I actually have them in CRM as?

  • Community Member Profile Picture
    Community Member Microsoft Employee on at
    RE: Update calendar CSS on Portal Entity List

    Hi Devon, I actually made this change recently. This isn't quite the answer, but I found it easier to just add the following to the portal's theme.css. Not ideal if you don't want the change to be global, but I didn't need it to be too specific since I am not using that class anywhere else at the moment.

    .badge-important {

     background-color: #000000 !important;

    }

    That said, as for your jQuery attempt failing, it feels like the calendar loads after the document is ready. My custom javascript in general will start like this:

    if (window.jQuery) {

       (function($) {

           $(document).ready(function() {

               mainProcess();

           });

       }(window.jQuery));

    }

    However, if mainProcess() needs to manipulate the calendar, it doesn't work unless you run it after some delay. Someone smarter than me with jQuery and javascript could probably offer some better insight.

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

November Spotlight Star - Khushbu Rajvi

Congratulations to a top community star!

Forum Structure Changes Coming on 11/8!

In our never-ending quest to help the Dynamics 365 Community members get answers faster …

Dynamics 365 Community Platform update – Oct 28

Welcome to the next edition of the Community Platform Update. This is a status …

Leaderboard

#1
André Arnaud de Calavon Profile Picture

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

#2
Martin Dráb Profile Picture

Martin Dráb 230,198 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans