Changing the Event View Field Display Order on a Calendar

Question

We'd like to change the display of a calendar event to show the Title on top and the time below. This is how it currently looks below. Is there a way to change it?
Orange County District Attorney

Answer 1

Hi,
According to your post, my understanding is that you wanted to change the Event View Field display order on a Calendar.
You need to insert the code below into a Content Editor Web Part.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
function changeCalendarOrder() {
$(".ms-acal-sdiv").each(function () {
var arr = $(this).find('div').toArray();
var temp;
temp = arr[0];
arr[0] = arr[2];
arr[2] = temp;
$(this).html(arr);
//alert($(this).html());
_spBodyOnLoadFunctionNames.push('calendarEventLinkIntercept');
// hook into the existing SharePoint calendar load function
function calendarEventLinkIntercept() {
var OldCalendarNotify4a = SP.UI.ApplicationPages.CalendarNotify.$4b;
SP.UI.ApplicationPages.CalendarNotify.$4b = function () {
OldCalendarNotify4a();
changeCalendarOrder();
</script>
The result is as below:
Thanks,
Linda Li                
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Linda Li
TechNet Community Support