Reformatting Event Details

GuildPortal admin site link to original post

Before	After

All this code does is moves the "Comments" and "Follow-Up" sections of the event details under the mini calendar on the right side. It was written to help make the entire window more aesthetically pleasing 

This code only effects the calendar events so you only have to add it into a free form text/HTML box on your Calendar page. There is no need to customize it.

Code

<script type="text/javascript">
$(document).ready(function() {
 $("div[id*='_pnlMainView']").each(function(){
  var temp1 = $(this);
  var temp2 = '';
  temp1.find("td:eq(0)").find(".ContentBoxTitle").each(function(){
   if ($(this).html().match("Comments")){
    temp2 += "<br><div style='text-align:left;'>";
    temp2 += $(this).parent().parent().html() + "</div>";
    $(this).parent().parent().html('');
   }
  })
  temp1.find("td").each(function(){
   if ($(this).html() == "Follow-Up") {
    temp2 += "<br><div class='ContentBox'><div style='padding:5px;font-weight:bold;' class='ContentBoxTitle'>"
    temp2 += "Follow-Up</div><table class=ContentBoxBody><tr>" + $(this).next().html() + "</tr></table></div>";
    $(this).parent().html('');
   }
   if ($(this).attr("id").match("_smallCalendarsCell")) $(this).append(temp2);
  })
 })
})
</script>