Visio Diagramme ohne Visio Services publizieren - Teil 2

Hier geht es zum ersten Teil dieses Beitrag.

Schritt 2: Visio Web-Seiten Dateien in SharePoint hochladen

Am besten verwendet man für die Ablage der Visio Web-Seiten Dateien eine eigene Dokument-Bibliothek oder zumindest einen eigenen Ordner. Mit der Funktion, mehrere Dateien hochzuladen und dem Silverlight-Plugin geht dies sehr rasch:

 

Nun steht das Visio bereits als Web-Seite in SharePoint zur Verfügung:

 

Tip: Sollte die Seite nicht angezeigt werden und es kommt eine „Seite nicht gefunden“ Meldung muss in der SharePoint 2010 Central Admin sichergestellt werden, dass das „File Handling“ auf „Permissive“ und nicht „Strict“ für die jeweilige Web Application eigestellt ist, denn diese Einstellung verhindert das Öffnen von .HTM Dateien direkt aus SharePoint heraus.

Schritt 3: Visio Web-Seiten in SharePoint anzeigen

Selbstverständlich kann man das blosse Anzeigen der .HTM Datei bereits als Integration betrachten, allerdings verlässt der Benutzer mit dem Aufruf der Datei sozusagen den Kontext und verliert u.A. die Navigation, was natürlich nicht zu empfehlen ist.

Eine weitere Möglichkeit wäre der „Page Viewer“ WebPart, diese hat aber den gravierenden Nachteil, dass der Platz auf der SharePoint-Seite durch die Navigation Links und allfällige andere WebParts bereits stark eingeschränkt ist und deshalb die Anzeige des Visio arg klein gerät.

Eine ansprechende Präsentationsmöglichkeit finde ich die Verwendung eines Popup-Fensters unter Verwendung der Standard SharePoint Funktionen, namentlich dem SP.UI.ModalDialog.

Um diesen zu Verwenden und das Visio anzuzeigen fügt man der SharePoint-Seite einen Inhaltseditor-WebPart hinzu und erstellt dort einen Hyperlink.

 

Danach editiert man am besten den HTML Quell-Text

Und ergänzt diesen mit dem folgenden HTML/JavaScript:

<a onclick="JavaScript:openVisioDialog();return false;" href="#">Click here to open the Visio</a>

<script>
function openVisioDialog() {
var options = {
url: '/sites/visio/Shared%20Documents/SvsCrossFarm_SharePointProducts2010/SvsCrossFarm_SharePointProducts2010.htm',
args: null, height: 600,width: 1000, showMaximized: false, showClose: true,
title: 'SharePoint 2010 Cross-Farm Services'
};
SP.UI.ModalDialog.showModalDialog(options);
}
</script>

 

Tips:

• Als URL am besten einen Server-Relativen Pfad (also ohne http://<meineServerAdresse >)
• Die möglichen Optionen der Methode showModalDialog und Beispiel findet man unter http://msdn.microsoft.com/en-us/library/ff410058.aspx
• Nicht vergessen beim WebPart Chrome-Type = None einzustellen

·         Wenn auf derselben Seite mehrere Visios angezeigt werden sollte man den Methodenaufruf besser Parametrisieren oder die einzelnen Methoden („openVisioDialog“) eindeutig benennen. Dieser Code ist nur exemplarisch.

Speicher man nun die Seite und klickt auf den Link, öffnet sich das Visio in einem Dialog. Nett, oder?

 

Ich hatte noch die Idee, einen einfach über WebPart-Eigenschaften konfigurierbaren „Dialog Seiten-Viewer“ WebPart für die Sandbox zu bauen, so dass man sich die Arbeit mit dem JavaScript erspar9en kann. Bin aber leider bisher noch nicht dazu gekommen und werde das allenfalls und bei Interesse (bitte Kontaktformular verwenden) noch nacholen.

Hier geht es zum ersten Teil dieses Beitrag.

Kommentar

Kommentar hinterlassen Name: Email: Ihre URL: Kommentare: Sicherheitscode eingeben: