SharePoint 2013 Calendar View Auto Expand

Pada posting kali ini penulis akan membasah tentang "SharePoint 2013 Calendar View Auto Expand".

Calendar list pada SharePoint memiliki tampilan yang menarik dengan beberapa tampilan standar berupa Day, Week, serta Month.

Jika kita memilih tampilan Month maka akan terlihat seperti Calendar pada umumnya akan tetapi bagian untuk tiap-tiap judul kegiatan hanya dibatasi 4 baris sehingga jika judul lebih dari 4 akan tersembunyi sampai kita melakukan klik link more.

Untuk memanipulasi tampilan calendar agar otomatis semua tampilan judul terlihat maka kita membutuhkan file JQuery serta beberapa baris script untuk melakukan manipulasi tampilan calendar.

Dibawah ini script untuk melakukan manipulasi terhadap SharePoint Calendar List.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

<script type="text/javascript">
function expandCal() {
  setInterval(expandCalCheck, 900);
}

function expandCalCheck() {
  var a=$("a.ms-cal-nav", $("div.ms-acal-rootdiv:last>div")).get(0);
  if (a) {
    for (var r=0; r<6; r++) {
      var a=$("a.ms-cal-nav", $("div.ms-acal-rootdiv:last>div").get(r)).get(0);
      if (a)
        if (a.innerText.indexOf("more") >= 0)
          a.click();
    }
  }
}
ExecuteOrDelayUntilScriptLoaded(expandCal, "sp.ui.applicationpages.calendar.js");
</script>

Baca:
SharePoint Survey Missing Columns When Export Spreadshet

Dari script diatas kita bisa mengganti bagian http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js dengan link script JQuery yang telah kita siapkan di Portal.

Semoga posting tentang "SharePoint 2013 Calendar View Auto Expand" diatas bermanfaat.


Salam,