Joe Preiner
Joe Preiner
  • 2
  • 258 431
How to customize SharePoint calendar colors
This video walks you through some simple steps for customizing the colors in SharePoint calendars. Don't get stuck using the ugly default colors.
**Note** Screen capture didn't grab my NotePad++ screen. Grab the CSS here: www.spsimply.com/home/2018/6/2/sharepoint-customize-the-colors-for-calendar-overlays
มุมมอง: 68 511

วีดีโอ

Color-Coding SharePoint 2010, 2013 or SharePoint Online Calendars
มุมมอง 190K8 ปีที่แล้ว
A simple walkthrough for color-coding calendars inside of SharePoint 2010, 2013 or SharePoint Online. Note - Here's the step-by-step text walkthrough if you'd rather read it: www.spsimply.com/home/color-code-sharepoint-calendar

ความคิดเห็น

  • @ronplatz7202
    @ronplatz7202 หลายเดือนก่อน

    Thanks! wow what a pain lol

  • @tyrelmaynor2790
    @tyrelmaynor2790 3 หลายเดือนก่อน

    Straight to the point with explanation and directions.....THNAK YOU!!!

  • @AnotherMartha
    @AnotherMartha 4 หลายเดือนก่อน

    Thank you so much for this - it was flawless!

  • @ShlomirBareket
    @ShlomirBareket 5 หลายเดือนก่อน

    does this only work on the 'Event' field, what if you want to colour code by a custom field with selectable options, eg, 'username'?

  • @cfgarcia1515
    @cfgarcia1515 5 หลายเดือนก่อน

    Thank you so much for this video.

  • @pvdublo7
    @pvdublo7 6 หลายเดือนก่อน

    Hi Joe - if you could please provide an updated CSS link, that would be great. The current link is not functional. Thank you!

  • @LindsayLink-b6t
    @LindsayLink-b6t 6 หลายเดือนก่อน

    Any chance you can provide the CSS file again? I just came across this video but the link for the CSS doesn't work anymore.

  • @chrisgoes9610
    @chrisgoes9610 7 หลายเดือนก่อน

    Great job Joe, thanks for sharing, just what I was looking for, very helpful

  • @michaelanderson1589
    @michaelanderson1589 8 หลายเดือนก่อน

    Once the calendar is created let’s say I have to change “meeting” to “event” how do I do that to take out meetings in categories and replace with event since I only am allowed 10 options in category?

  • @esterbarbo555
    @esterbarbo555 9 หลายเดือนก่อน

    Hey! Make more videos. Yours are so great! Wasted talent if not used! LOL

  • @BrianBenson-o6f
    @BrianBenson-o6f 10 หลายเดือนก่อน

    Hi Joe. I'm trying to follow your instructions, but I'm not able to access your CSS file. The link you provided is not working. I'm only getting an error that the site can't be reached.

  • @sagezaimroman4560
    @sagezaimroman4560 11 หลายเดือนก่อน

    great video. do more!

  • @kumnegerholdings
    @kumnegerholdings ปีที่แล้ว

    How can this be done in Modern SharePoint? Don't see calendar in contents. Thanks

  • @RebeccaPolak
    @RebeccaPolak ปีที่แล้ว

    Hi Joe. The link to download the file is no longer working. Is there another way I can see what it looks like to create my own?

  • @joshK31
    @joshK31 ปีที่แล้ว

    Hey Joe! First of all thank you for the video. But, do you still have the CSS? The link that you shared a while ago doesn't work anymore - website is unreachable... I'd be very grateful if you could share it with me!

  • @pslonina
    @pslonina ปีที่แล้ว

    My Calendar now duplicates all the values -- first by the color i set them by the default blue ?? No idea how to resolve this

  • @lrkeschmidt9146
    @lrkeschmidt9146 ปีที่แล้ว

    Extremely interesting. I am wondering if I make a team calendar with a colour per person, and then wants to add if it is a vacation or a travel that is entered - is that possible to do? And also if a person is adding the vacation into ones personnel outlook calendar, if the team sharepoint calendar could be "invited" so that you only need to make one calendar entry - without sharing all your outlook calendar entries.? Thanks for your good and detailed guidning.

  • @anivardanyan9260
    @anivardanyan9260 ปีที่แล้ว

    Thanks a lot, not sure if this is my issue but when I make the events, it kind of shows double, one with color coding and one with the usual color of the calendar 😅

  • @AndreaWilliams-os4oo
    @AndreaWilliams-os4oo ปีที่แล้ว

    Prior to creating the calendar views with the categories and overlays there were already entries on my calendar. After following your instructions the entries that were already there show up as duplicated in every category-any suggestions? I don't know what I'm doing wrong, your instructions were very good!

    • @faulhallen
      @faulhallen ปีที่แล้ว

      I had this same problem. The solution I found may not be perfect but was to go into the list settings for the default view and change the filter to Category equals blank.

  • @Ryn_Rin
    @Ryn_Rin ปีที่แล้ว

    Hey, I tried to follow the instructions. Oddly enough, when I go to modify the overlay and go to the color dropdown list, it shows my custom colors as mini thumbnails. However, when I select it, the colors remain the same as the old set of colors I was trying to replace on the calendar.

  • @wrm8460
    @wrm8460 2 ปีที่แล้ว

    Thank you this is great!

  • @ayo4325
    @ayo4325 2 ปีที่แล้ว

    Ok. So I have my main calendar on the front page of my sharepoint. When I put my events in, the colors don’t show as separate colors. Just the same. What am I doing wrong?

  • @mahafakhry5508
    @mahafakhry5508 2 ปีที่แล้ว

    I followed the same steps, the issue is that when i create an event and choose the category, the event is duplicated in the calendar. it shows twice; one with the color i created, and the other is with the calendar default color, any help please?

    • @JoePreiner
      @JoePreiner 2 ปีที่แล้ว

      Hello Maha. Check your filter settings on your default view. That’s the issue. Default view filter needs to be “show items when category is” and then leave the value field blank.

    • @mahafakhry5508
      @mahafakhry5508 2 ปีที่แล้ว

      @@JoePreiner Good day Joe, i would really need to thank you a lot, it seems it works! my next question will be how can i see the same colors when i send the invitation from Outlook calendar? i created categories in outlook calendar, and i send invitation and select the category, it reflects in the SharePoint with the default color not the categorized colors. any clue?

    • @mahafakhry5508
      @mahafakhry5508 2 ปีที่แล้ว

      Hello @Joe, it is really working perfect, can not thank you enough!

  • @sharath77
    @sharath77 2 ปีที่แล้ว

    Hey joe, Thanks for your video. I have a query, how to remove the calendar name in the left navigation also when i click on any view ..events available in that view are getting displayed but i don't have the option to click on the another view in the left navigation panel. How can i resolve this?

  • @1zuzana10
    @1zuzana10 2 ปีที่แล้ว

    Hey Joe, great video! It was very helpful for me but I have one problem. When I click one of the other calendars (e.g. Meetings) I don't know how can I go back. You just clicked on Calendar in Recent but it didn't work for me and I need always reload the tab. Can you help me with this, please?

  • @marleneirizarry4296
    @marleneirizarry4296 2 ปีที่แล้ว

    Can you get rid of "Calendar" view on the left?

  • @brettandrewwhite5588
    @brettandrewwhite5588 2 ปีที่แล้ว

    How do I do this in a modern sharepoint site?

    • @JoePreiner
      @JoePreiner 2 ปีที่แล้ว

      Hello Brett, You can use JSON formatting to accomplish this in the modern UI. Here's the Microsoft reference guide you can copy/paste into your own calendar: docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/view-calendar-formatting

  • @traceyjubber13
    @traceyjubber13 2 ปีที่แล้ว

    HI, is there anyway to add a template of multiple events over a month and then just add to new months as needed?

    • @JoePreiner
      @JoePreiner 2 ปีที่แล้ว

      Hi Huddyy. There's not a set template you can use, but you could accomplish the same thing by building a workflow in Power Automate to create the events. You could have that run monthly or just have it populate an entire year at a time if you wanted.

  • @jeanbiancone141
    @jeanbiancone141 2 ปีที่แล้ว

    Your cursor is referencing something that does not appear in the video (beginning around 11:29) am I missing something?

    • @JoePreiner
      @JoePreiner 2 ปีที่แล้ว

      Hi Jean, in the description for this video I call that out and link to the file with the CSS I'm referencing. Here it is again: www.spsimply.com/home/2018/6/2/sharepoint-customize-the-colors-for-calendar-overlays

  • @xfirelady1967
    @xfirelady1967 2 ปีที่แล้ว

    GREAT overview!

  • @1MinuteFlipDoc
    @1MinuteFlipDoc 2 ปีที่แล้ว

    I'm getting duplicate meetings (one for the child/view and one for the parent/summary). do you know why?

    • @JoePreiner
      @JoePreiner 2 ปีที่แล้ว

      Hey there! Check on your default view for the calendar and ensure the filtering is set to "show items only when category is empty" You're getting duplicates because your default view should be blank with the overlays on top. Your default view isn't blank so you're seeing your events in the default view AND in the overlays.

  • @valleymuse9508
    @valleymuse9508 2 ปีที่แล้ว

    Appreciate the information. However, perhaps I have a different version than everyone else. My events show twice on my calendar when I do this and if I delete one, both delete. A bit lost on how to make this work...

    • @JoePreiner
      @JoePreiner 2 ปีที่แล้ว

      Hello Valley. Sounds like you have an issue with your default view filtering. Check that step again. The default view on your calendar should filter to only show items where "category [equals] blank"

    • @valleymuse9508
      @valleymuse9508 2 ปีที่แล้ว

      @@JoePreiner Oh, copy, I'll go back and check that. Thanks do much for the speedy reply and thanks again for the tutorial.

  • @GuessWho-f2f
    @GuessWho-f2f 2 ปีที่แล้ว

    Thank You! Assuming this works for when creating a blank net new Calendar and not an existing calendar with events on it already?

    • @JoePreiner
      @JoePreiner 2 ปีที่แล้ว

      This should also work for calendars with existing categories, as long as you match the overlay setup with the existing category names.

    • @GuessWho-f2f
      @GuessWho-f2f 2 ปีที่แล้ว

      @@JoePreiner thank you so much Joe for taking your time to respond! Appreciate you and your expertise very much! God Bless!

    • @GuessWho-f2f
      @GuessWho-f2f 2 ปีที่แล้ว

      @@JoePreiner hi Joe, how come the events disappeared when viewing using chrome or edge?

    • @JoePreiner
      @JoePreiner 2 ปีที่แล้ว

      @@GuessWho-f2f Make sure the view you are using is the same one. The calendar overlays should render in any browser.

  • @canvaskayaker3002
    @canvaskayaker3002 2 ปีที่แล้ว

    Thanks Joe, it worked a treat, I think I caused a few problems changing the names of the categories too many times but got there in the end. Do you know if there is a way to take the same list/data from the calendar and displaying it using the Sharepoint gantt view? Gantt view is listed as an option create view panel.

    • @JoePreiner
      @JoePreiner 2 ปีที่แล้ว

      There isn't the same kind of class assignment on the Gantt view for color coding. You can target and change the default color for the duration rectangle, but that's about it.

    • @canvaskayaker3002
      @canvaskayaker3002 2 ปีที่แล้ว

      @@JoePreiner Thanks for getting back to me. It has been a great help colour coding the calendar, I can live without the Gantt chart.

  • @user-xx6dh1ny5l
    @user-xx6dh1ny5l 2 ปีที่แล้ว

    I've been looking for a start to finish tutorial for weeks!!! So elegantly explained. Thank YOU!

  • @Loremaster69
    @Loremaster69 2 ปีที่แล้ว

    Your selecting stuff but it's not on Screen..

  • @lisa50466
    @lisa50466 2 ปีที่แล้ว

    This is a great video. Just one question - when I connect the Calendar to Outlook and create a new meeting it does not come across to the Sharepoint calendar. Is that to do with the specific categories we're using? Thanks

    • @JoePreiner
      @JoePreiner 2 ปีที่แล้ว

      Hi Lisa. Yes, that's exactly what's happening. Those events you create in Outlook are technically in the SharePoint calendar also, they just have no category assigned so they aren't visible on your color-coded overlay view. If you wanted them to be, you could set up a workflow in Power Automate that monitors new events on the Outlook calendar, and maybe if you use consistent titles, you could assign a category to the SharePoint event based on the Outlook event title.

  • @yanj111
    @yanj111 2 ปีที่แล้ว

    many thanks, this is really helpful!

  • @sketchymandalas
    @sketchymandalas 2 ปีที่แล้ว

    Thank you for a clear explanation and the demo. I am having issues when updating the events that it doubles up on the calendar. Like when I enter an item and select a particular Category, it creates duplicate entries with the same information. One with the correct color coding and one with a default layout. What am I doing wrong?

    • @JoePreiner
      @JoePreiner 2 ปีที่แล้ว

      Hey there Sketchy. That's only ever the result of your default calendar view now filtering out events where the category is null. That default-colored event is basically just your default calendar view showing all items.

    • @sketchymandalas
      @sketchymandalas 2 ปีที่แล้ว

      @@JoePreiner So, how do I fix this to show the correct view? if i remove the default list, i might lose info on other items?

    • @JoePreiner
      @JoePreiner 2 ปีที่แล้ว

      @@sketchymandalas You won't remove any lists. But you'll go to the calendar > list settings > scroll down to the views > find the default view > edit it > go to filters > make sure there is a filter for "only show items when "Category" (or whatever column you're basing your overlays on) is equal to...and then leave that value blank.

    • @sketchymandalas
      @sketchymandalas 2 ปีที่แล้ว

      @@JoePreiner Thank you very much Joe. Really appreciate your prompt response and timely assistance.

  • @biblereading9103
    @biblereading9103 2 ปีที่แล้ว

    Thank you..The explanation was simple.. easy to follow.....clear and thank you again.

  • @rookieslr
    @rookieslr 3 ปีที่แล้ว

    Sorry to be a pain, posting this again, as I got no response. This is BRILLIANT! Exactly what I was looking for. Thank you! However, when you filtered the views from 9:02 onwards, I noticed that the Meetings filter, where the category was green, then changed to blue, can that be altered so that the colour stays the same as the category when the filter for a particular calendar is selected? Thanks again!

    • @JoePreiner
      @JoePreiner 3 ปีที่แล้ว

      Hey there Brian. Thanks for the response. You can keep the colors consistent when you go from the overlay view to the default filtered view. You'll have to edit the view-specific page and drop a content editor or script editor web part on it with the CSS override. It's a bit of a pain to do, but essentially you're correcting for Microsoft using that same default class on all the filtered view pages.

  • @Test12066
    @Test12066 3 ปีที่แล้ว

    Will this work with modern calendar view?

  • @itsgud2be
    @itsgud2be 3 ปีที่แล้ว

    How can we limit the number of entries per date on calender view of Lists in SharePoint?

  • @Tupacandme
    @Tupacandme 3 ปีที่แล้ว

    Worked. Thanks. Helped a lot

  • @peppersee1386
    @peppersee1386 3 ปีที่แล้ว

    Thank you for this video. I found it extremely useful when I had to colour tag events for a Teams channel early this year. Can I double check that the calendar app is called 'calendar' in the app directory? I am tasked to create a new channel with colour-coded calendar once more and the 'calendar' app seems to have disappeared from the directory? Any idea if it has been removed or renamed?

    • @JoePreiner
      @JoePreiner 3 ปีที่แล้ว

      It hasn't been removed or renamed, but it is only accessible by name through the classic UI view of the apps. In the modern UI view, you'd just add a custom list, add start and end date/time columns and create a "calendar view" using those columns as the start and end values.

  • @DanielJohnTobin
    @DanielJohnTobin 3 ปีที่แล้ว

    What an awesome tutorial. Just what I needed to help me color code a SharePoint calendar. Thanks!

  • @rookieslr
    @rookieslr 3 ปีที่แล้ว

    This is BRILLIANT! Exactly what I was looking for. Thank you! However, when you filtered the views from 9:02 onwards, I noticed that the Meetings filter, where the category was green, then changed to blue, can that be altered so that the colour stays the same as the category when the filter for a particular calendar is selected? Thanks again!

  • @LordGreystoke
    @LordGreystoke 3 ปีที่แล้ว

    So realize this is an older video, published in 2016. I don't know if Joe Preiner is still checking comments on this particular video. But I'll be honest. This video was a major FAIL for me because at the 06:49 mark, you reference exactly what I thought you would be showing your viewer how to do, which is to actually CHANGE any one of the listed colors that Sharepoint gives you in the calendars so you can create your own unique color coded system. And all you say is "that requires development expertise," which is exactly what I didn't want to hear because I thought there was a relatively easy to add colors in the Sharepoint calendaring system, instead of just being stuck with what Sharepoint gives you. If you have another more updated video that shows you how to add additional colors to the Sharepoint calendaring system then I'd greatly appreciate you pointing it out to me. Thank you.

    • @JoePreiner
      @JoePreiner 3 ปีที่แล้ว

      Hey there Byron. I have a separate video that shows how to customize the colors so you can use your own: th-cam.com/video/kwbUzx9HVTI/w-d-xo.html. Make sure to check the video description because it links to a post where you can just copy and edit the CSS if you'd rather not write it yourself.

  • @LordGreystoke
    @LordGreystoke 3 ปีที่แล้ว

    This video needs updating. You skip over how you set up your original CSS colors with your new colors. You mention Notepad ++ but you don't even show what you did with the program. You also don't show how Sharepoint lists out the new colors that you've added. I'm sorry but I don't understand how this video helped others when you glossed over a critical component into how one creates unique colors in Sharepoint calendaring.

  • @michelleporras6517
    @michelleporras6517 3 ปีที่แล้ว

    Very helpful! Thanks so much!