PopUp Fenster in SharePoint selber erstellen

Ein Anforderung in SharePoint Projekten ist oft, dass man in einem Dashboard steht welche verschiedene Listen-Webparts enthält und man möchte in einer dieser Listen einen Eintrag erstellen ohne die Seite zu verlassen. Das geht natürlich am besten mit einem Overlay, indem die Seite für einen neuen Eintrag direkt über die bestehende Seite geöffnet wird. Dafür gibt es mehrere Möglichkeiten.

1. Anpassen der Dialogfelder in der Liste

In SharePoint 2013 und SharePoint Online werden die Formulare einer Liste in einer Seite geöffnet, d.h. man verlässt die aktuelle Seite und verliert damit den Kontext. Dieses Verhalten lässt sich aber ändern. Gehen Sie dazu in die Verwaltung der Liste und klicken Sie dort auf Advanced settings. Gehen Sie ganz nach unten und setzen sie bei Launch forms in a dialog? Die Auswahl auf Yes. Schon haben Sie wieder modale Fenster.

2a. Ein PopUp selber erstellen (SharePoint 2013)

Wenn Sie ein PopUp selber erstellen möchten, gibt es einen Unterschied zwischen SharePoint 12010 und 2013. Schauen wir uns zuerst die Möglichkeit in SharePoint 2013 an. Kopieren Sie zuerst die URL, welche sich im PopUp öffnen soll. Fügen Sie dann auf der Seite, über der sich das PopUp öffnen soll, einen Script Editor WebPart ein. Sie finden diesen Webpart in der Kategorie Media and Content.

Editieren Sie dem Webpart und fügen Sie den folgenden Code ein wobei Sie <Ihre URL> mit Ihrer URL und <Ihr Text>mit ihren gewünschten Text ersetzen. Speichern, testen und freuen.

<a href=“Javascript:OpenPopUpPage(‚<Ihre URL>‘);“ ><Ihr Text></a>

Achten Sie auf die verschiedenen Anführungszeichen, diese müssen exakt gesetzt werden.

2b. Ein PopUp selber erstellen (SharePoint 2010)

In SharePoint 2010 ist es nicht ganz so einfach, denn dort gibt es keinen Script Editor WebPart. Dafür haben Sie aber, ebenso wie in SharePoint 2013, einen Inhalts Editor Webpart. Schreiben Sie ihren gewünschten Code in eine Textdatei und speichern sie diese unter einem beliebigen Name mit der Endung .html. Laden Sie diese in eine Bibliothek hoch. Setzen Sie einen Inhalts Editor Webpart auf die gewünschte Seite und Editieren Sie diesen. Geben Sie in den Eigenschaften des Webparts unter Content Link den Pfad zu der hochgeladenen HTML Datei an. Speichern, testen und freuen.