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.

SharePoint 2013 Calendar View Auto Expand

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,


Popular posts from this blog

Cara inject USB 3.0 Driver pada instalasi Windows - How to Inject USB 3.0 Driver in Windows 7

SharePoint 2013 Customize Survey Form

[ Adobe Acrobat Error ] This Feature is not included in your current Acrobat License