Top
rss

BLOG

Sep
23

Details in der SharePoint Kalenderansicht

From in Enterprise Content Management

Das Problem:

Die Kalenderansicht in SharePoint kann schon einen guten Überblick über die eingetragenen Termine geben:

Dabei lässt sich die Kalenderansicht in SharePoint standardmäßig nach Tag, Woche und Monat aufteilen:

In diesen Ansichten wird aber (in der Standardeinstellung) nur der Titel (bei der Monatsansicht), bzw. Titel und Ort (bei der Wochen- und Tagesansicht) im jeweiligen Termin angezeigt. Die Anzeige kann zur weiteren Anpassung über die Einstellungen auf (eine) andere Spalte(n) gesetzt werden.

Hierbei steht für die Monatsansicht eine Spalte zur Verfügung. Für Wochen- und Tagesansicht stehen jeweils zwei  Spalten zur Verfügung.

Weitere Details, die bei der Erfassung eines neuen Termins eingegeben werden können, sind nur ersichtlich, wenn man den Termin selbst aufruft.

Wenn man sich nun beim Überblick auch die Details ansehen möchte, ist man also aufgefordert, jedes mal auch den entsprechenden Termin aufzurufen. Hier wäre es doch schön, wenn das etwas schneller gehen würde.

Die Lösung:

(Voraussetzung für die hier beschriebene Lösung ist, dass bereits eine „Kalender“-Liste besteht. Sollte dies nicht der Fall sein, kann diese natürlich sehr leicht über die entsprechende Vorlage erzeugt werden)

Eine WebPart-Seite, das Kalender-WebPart, das XML WebPart und ein wenig Code kann folgende Ansicht erzeugen:

Die Details zum Termin werden dann angezeigt, sobald man mit dem Mauszeiger über den entsprechenden Termin auf der Kalenderansicht fährt. Der Termin muss dabei nicht einmal angeklickt werden. Es genügt, wenn man sich mit dem Mauszeiger darüber bewegt.

Der Weg:

Anlegen der WebPart-Seite:

SITE ACTIONS –> CREATE -> WEB PART PAGE -> [NAME] (hier: FullOverview) -> [LAYOUT] (hier: Header, Right Column, Body) -> [Dokumentenbibliothek] (in der die Webpart-Seite gespeichert werden soll – hier: Shared Documents) –> CREATE klicken

 

Hinzufügen und Anpassen von Web Parts zur Seite:

-> ADD A WEB PART (im Bereich „Body“) -> Auswahl des WebParts (hier: “My personal Calendar”) –> ADD

-> MODIFY SHARED WEB PART (die Kalenderansicht wird nicht in der Monatsansicht dargestellt und muss daher eingestellt werden)

 -> SELECTED VIEW -> CALENDAR -> OK

-> ADD A WEB PART (im Bereich „Right Column“) -> Auswahl des WebParts (hier: “XML Web Part” es ist aber auch das “Content Editor Web Part” möglich) –> ADD

-> OPEN THE TOOL PANE -> XML EDITOR

  ->  

-> das unten aufgeführte Script in das Eingabefeld des Editor kopieren:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript">
function handleError() { //fn needed for IE
 return true;
}
function jLoadMe(t) {//load content
 $("#jLoadMe").load(t+" .ms-formtable", function() {
  $("#jLoadMe h3").css("font-size","8pt");
 });
}
function initjLoadMe() {//initialize page
 var arrayList = $("a[href*='DispForm.aspx']");
 $.each(arrayList, function(i,e){
  var t = $(e).attr("href");
  $(e).hover(function() {jLoadMe(t)});
 });
}
$(function() {
 window.onerror = handleError; //needed for IE
 initjLoadMe();
});
</script>
<div id="jLoadMe" class="content"></div>

-> OK -> APPLY -> OK

Das Ergebnis:

Den Editierungsmodus über EXIT EDIT MODE verlassen

 

und die Seite stellt sich wie folgt dar:

Wenn man sich nun mit dem Mauszeiger über einen der Termine bewegt, werden im Bereich des „XML Web Parts“ die Details zum Termin angezeigt:

Ein weiterer Vorteil dabei ist, dass kein „Refresh“ der Seite erforderlich ist.

Viel Spaß damit!

 

Add a comment

0
     

    ADD A COMMENT

    Name*

    E-mail*

    Comment*

    *Required information

    PlanB. GmbH