In the calendar, I wanted to hide the start and end times while wrapping the title to allow two lines of text. A quick Google didn't lead to any answers, so off it was to firebug figuring I could get it done with a little CSS. Sure enough it was pretty easy and the solution I'm using is below.
1) Edit the calendar view in advanced mode with SPD.
2) Find the style section near the very bottom of the page and replace it with:
<style type="text/css">
.ms-bodyareaframe {
padding: 0px;
}
.ms-acal-title {white-space:normal;}
.ms-acal-time{display:none;}
.ms-acal-rootdiv div{white-space:normal;}
</style>
I'm trying to solve this same problem but replacing the style code didn't seem to work. Any thoughts?
ReplyDeleteHave you checked in firebug to make sure the styles are getting applied and aren't getting over ridden?
ReplyDeleteThis works great, thank you!
ReplyDeleteThis worked! Thanks! Tried a couple other solutions but this was by far the most effective.
ReplyDeleteThis solution worked well for dates that had only one event, but on dates with more than one event it still displays the time. Any tips on how to fix?
ReplyDelete