Posts

Integrating Copilot-Generated HTML Apps Seamlessly into SharePoint

Bild
A custom SharePoint solution makes it easy to embed an HTML-based app created with Copilot directly into a modern SharePoint page—without the distracting page-viewer controls normally displayed by the standard Embed web part. Copilot can turn a simple prompt into a useful HTML application surprisingly quickly. The example demonstrated in the video is an interactive dashboard for managing address data. It displays the available entries, provides a search and filter function, and links users to the form for creating a new item. The generated HTML file is then stored in a SharePoint document library. The limitation of the standard Embed web part A library-hosted HTML page can be added to a SharePoint page with the standard Embed web part and an iframe. However, SharePoint usually opens the file through its preview or page-viewer experience. The associated viewer controls remain visible around the embedded application, making it look like an externally displayed document ...
Kommentar veröffentlichen
Mehr anzeigen

Moderne SharePoint-Listenansichten und interaktive HTML-Seiten mit Copilot erstellen

Bild
SharePoint-Listen eignen sich hervorragend, um strukturierte Informationen zentral zu verwalten. Die standardmäßige Tabellendarstellung erfüllt zwar ihren Zweck, wird den Anforderungen an eine moderne und leicht bedienbare Oberfläche jedoch nicht immer gerecht. Besonders bei Kontaktverzeichnissen, Produktübersichten oder vergleichbaren Informationssammlungen sollen wichtige Angaben sofort erkennbar sein, während ergänzende Details erst bei Bedarf erscheinen. Copilot in SharePoint kann bei dieser Gestaltung unterstützen: Aus einer natürlichsprachigen Beschreibung entstehen formatierte Listenansichten oder sogar interaktive HTML-Seiten, ohne dass die vollständige Umsetzung von Hand programmiert werden muss. Die nachfolgenden Abschnitte beschreiben die Möglichkeiten und das Video Moderne SharePoint-Listenansichten und interaktive HTML-Seiten mit Copilot erstellen zeigt die Umsetzung anhand eines Beispiels in der Praxis. Von der Standardliste zur übersichtlichen Kontaktansicht ...
Kommentar veröffentlichen
Mehr anzeigen

Card View App: Create Adaptive Cards with Copilot (AI)

Bild
The latest release of the Card View App adds a powerful new feature for presenting SharePoint list data: Adaptive Cards can now be designed directly inside the web part with support from Microsoft Copilot. An integrated chat allows users to describe the required layout in natural language and refine it step by step, significantly reducing the need to work manually with Adaptive Card JSON. Release availability: The release containing the Copilot integration is expected to become available in Microsoft Marketplace from July 24, 2026 . The final publication date depends on the Marketplace validation and approval process and may therefore change. Card View App in SharePoint edit mode with an integrated Copilot chat and an automatically generated adaptive contact card The Card View App in edit mode: users describe the required layout in the integrated Copilot chat while the ge...
Kommentar veröffentlichen
Mehr anzeigen

SharePoint-Listen als moderne Karten darstellen – Die SharePoint-Karten-App im Überblick

Bild
SharePoint-Listen gehören zu den wichtigsten Bausteinen moderner Microsoft-365-Lösungen. Sie eignen sich hervorragend zur Verwaltung strukturierter Daten, stoßen bei der Darstellung jedoch häufig an ihre Grenzen. Tabellen sind zwar funktional, für Anwender jedoch nicht immer die übersichtlichste oder ansprechendste Darstellungsform. Genau hier setzt die SharePoint-Karten-App an. Die Lösung ermöglicht es, Inhalte aus beliebigen SharePoint-Listen in moderne Kartenansichten zu transformieren und individuell an das Corporate Design oder den jeweiligen Anwendungsfall anzupassen. Das nachfolgende Video zeigt die App in Aktion. Die App steht über den Microsoft Marketplace zur Verfügung und lässt sich nach der Installation unkompliziert als Webpart auf einer SharePoint-Seite einbinden. Anschließend können Listeninhalte ohne Programmierung in einer deutlich ansprechenderen Form dargestellt werden. ...
Kommentar veröffentlichen
Mehr anzeigen

Your UI, Inside the Chat: Building Custom Copilot Components with SPFx

Bild
For years, SPFx meant web parts and extensions living on a SharePoint page. With @microsoft/sp-copilot-component , the same framework, the same React skills, and the same brokered-SSO plumbing can now render a fully interactive UI directly inside a Microsoft 365 Copilot conversation. This post walks through copilot-my-approvals , a real solution that puts an approvals cockpit — approve, reject, re-assign, email the requester — right in the chat pane. SPFx 1.24.0-beta.2 sp-copilot-component Fluent UI v9 Declarative Agents Heft What just became possible Classic SPFx components render into a page you control — a web part zone, a field customizer, a command surface. A Copilot Component renders into a surface you don't control at all: an iframe that Microsoft 365 Copilot mounts inline in the middle of a chat turn, or expands to fullscreen on request. Copilot invokes your component the same way it i...
Kommentar veröffentlichen
Mehr anzeigen

SPFx - Data Access Options in SharePoint SPFx-Based Solutions

Bild
A technical overview for SharePoint Framework developers covering Fetch API, SPHttpClient, MSGraphClient and PnPjs. Overview of common data access options in SharePoint Framework solutions. Introduction SharePoint Framework, commonly referred to as SPFx, is the primary development model for modern client-side customizations in SharePoint Online. Web parts, extensions, Adaptive Card Extensions and Microsoft Teams applications almost always need to access data from SharePoint or Microsoft 365. The selected data access technology has a direct impact on performance, maintainability, extensibility and the long-term sustainability of a solution. SPFx development has changed significantly over time. In early SPFx projects, direct access to the SharePoint REST API was the dominant approach. Today, several established options are available. In addition to ...
Kommentar veröffentlichen
Mehr anzeigen