SharePoint / Office 365 / .NET & other stuff: reports from my journeys

SharePoint stellt mit Microsoft-Stream eine Plattform für die Ablage und Auslieferung von Medien (Audio und Video) zur Verfügung. Über eine Standard-App (WebPart) können Medien auf einer Seite eingebunden werden. Die Möglichkeiten der Einbindung sind aktuell noch etwas begrenzt. Ich habe dazu eine erweiterte SharePoint App umgesetzt, die etwas mehr Möglichkeiten zur Verfügung stellt. Zudem unterstützt die App die Einbindung und Wiedergabe von Streaming Inhalten. Das folgende Video zeigt die Verwendung der App und die Einbindung verschiedener Inhalte.

Diese Lösung stellt ein WebPart (App) zur Verfügung, welches aus einer Listenansicht ein Formular generiert. Somit kann das Formular auf allen SharePoint Seiten flexibel eingebunden werden. Das WebPart nutzt die neueste Version der Fluent UI React Components Bibliothek. Das folgende Video verdeutlicht die Funktionsweise. Weitere Informationen unter: Dynamisches Formular aus Listenansicht  

Das Einbinden von Bibliotheken und Listen auf SharePoint Seiten ist über das eingebaute Standard SharePoint WebPart (App) sehr einfach möglich. Allerdings erlaubt das WebPart nicht die Einbindung von Listen oder Bibliotheken aus anderen Sites. D. h. die einzubindene Liste oder Bibliothek muss sich auf der gleichen Site befinden. Teilweise ist es aber notwendig bzw. es besteht die Anforderung, auch Listen oder Bibliotheken aus anderen Sites auf einer SharePoint Seite einzubinden. Dies kann mit dem "Einbetten"-WebPart erreicht werden. Jedoch verwendet dieses ein iFrame für die Einbindung, das hinsichtlich Responsive und Benutzererfahrung nicht die optimalste Lösung darstellt. Um diese Probleme zu lösen, ermöglicht das spezielle WebPart "dev-sky .::. DataTable" die Einbindung von Listen oder Bibliotheken auch aus anderen Sites. Das nachfolgende Video verdeutlicht die Funktionsweise des WebParts (App).

I had a little problem in one of my SPFx based WebParts (App) that i'm currently developing. The App contains anchor links with an onClick event handler and an href-Attribute ... nothing special at all. I used the following code in my React project: Ctor:   constructor ( props : IReactDatatableProps ) {     super ( props ); ...     this . loadFolder = this . loadFolder . bind ( this );   } Method code: private loadFolder ( e , item ? ) {         e . preventDefault ();   .... } Event binding   < a target = "_blank" href = "..." onClick = {this . loadFolder } { value . Folder . Name } </ a > In the local workbench the event handling works perfectly but after I put the App on a regular modern SharePoint page the event was not handled. Instead the link was opened. During a debug session I found out that the event handler it not called! The reason: A CROSS SITE LINK :-(  When an anchor tag inside a Sh...

Das Video stellt zunächst die Funktionen der Standard-Fußzeile vor, die in SharePoint Online verfügbar ist. Am Ende demonstriere ich meine Lösung in Form einer Anwendungserweiterung (Application Customizer) für eine funktional erweiterte Fußzeile. Diese ermöglicht folgendes: ein zusätzlicher aufklappbarer Bereich Hinterlegung eigener persönlicher Links die Verwaltung der Links in einer zentralen Liste die Hinterlegung eines speziellen Support Link (E-Mail) individuelle Icons pro Link Links zu den Icons: Fluent UI Icons

In meinen verschiedenen Projekten im Office 365 / SharePoint Online Umfeld wurden oft gleichartige Erweiterungen benötigt. Ich habe nun einige davon neu implementiert und in meinen ersten Intranet Package zusammengefasst. Aktuell beinhaltet das Paket folgende Features: Anwendungserweiterung (Application Customizer) für die Anzeige von Meldungen WebPart für die Anzeige allgemeiner Informationen des jeweiligen Benutzers WebPart für die Bereitstellung von Aufgaben die abzuarbeiten sind WebPart für die Erstellung eines Office 365 Profilbild per Kamera WebPart für die Erstellung eines Avatars als 365 Profilbild Das folgende Video zeigt die Funktionen der einzelnen Features. Einige Features benötigen eine SharePoint Liste mit speziellen Spalten: Meldungen: Name der Liste TopMessages Spalten: Titel (Title = eingebaute Spalte) Level (Zahl) Message (Text) Aufgaben WebPart: Name: frei wählbar. Liste wird über die WebPart Eigenschaften gewählt Spalten: UserID (Text) IsDone (Ja/Nein)