Syncfusion JavaScript UI Layout and Design Controls

SyncfusionUI-Layout- und Design-SteuerelementeJavaScript

Layout- und Designkomponenten zur Strukturierung von JavaScript-Anwendungsoberflächen.

  • Ordnet Panels mithilfe konfigurierbarer Dashboard- und Split-Layout-Komponenten an.
  • Gruppiert und präsentiert Inhalte mit Karten, Listen und visueller Identität.
  • Zeigt kontextbezogene Inhalte mithilfe von Overlays und inline UI-Hinweisen an.
Syncfusion logo

Preise ab:

Wird geladen...
Verfügbar in
Syncfusion Essential Studio UI Component SuiteWird geladen
Syncfusion Essential Studio EnterpriseWird geladen
Syncfusion JavaScript UI Layout and Design Controls Produktbild
Syncfusion JavaScript UI Layout and Design Controls ist eine Sammlung von Komponenten zum Organisieren der Seitenstruktur und Präsentieren von Inhalten in JavaScript-Anwendungen. Sie unterstützt panelbasierte Layouts, anpassbare Bereiche, Inhaltsgruppierung, Listenpräsentation und kontextbezogene Overlays und hilft Entwicklern dabei, klare UI-Kompositionen zu erstellen, die konsistent bleiben, wenn sich Bildschirme und Inhalte ändern.

Dashboard Panel Layout

Bietet eine Dashboard-artige Layoutkomponente zum Anordnen von Panels innerhalb eines Rasters. Sie unterstützt das Platzieren von Panels an definierten Positionen und die Verwaltung des Panel-Layouts innerhalb einer einzigen Ansicht, wodurch sie sich zum Erstellen konfigurierbarer Arbeitsbereiche und informationsdichter Bildschirme eignet.

Resizable Split Regions

Enthält eine Splitter-Komponente, die den verfügbaren Bereich in mehrere Regionen unterteilt. Sie ermöglicht es Benutzern, Bereiche in der Größe anzupassen, und hilft Anwendungen dabei, nebeneinander angeordnete Inhaltsbereiche wie Navigation und Detailansichten oder Arbeitsbereiche mit mehreren Panels darzustellen.

Card Based Content Grouping

Bietet eine Kartenkomponente zum Gruppieren zusammengehöriger Inhalte in einem strukturierten Container. Sie hilft dabei, visuelle Hierarchien zu schaffen, Abschnitte auf einer Seite zu trennen und Inhaltsblöcke konsistent über Ansichten hinweg darzustellen.

Overlay Content Containers

Bietet eine Dialogkomponente zum Präsentieren von Inhalten in einem Overlay. Sie unterstützt die Anzeige ergänzender Inhalte, Bestätigungen oder fokussierter Ansichten, ohne das zugrunde liegende Seitenlayout zu ändern.

Structured List Presentation

Enthält eine List-View-Komponente zur Präsentation von Sammlungen von Elementen in einem konsistenten Layout. Sie hilft dabei, wiederholbare Inhaltszeilen darzustellen, unterstützt die Vorlagen-basierte Präsentation von Elementen und hält Listen innerhalb komplexer Oberflächen übersichtlich.

Contextual UI Hints

Bietet eine Tooltip-Komponente zur Anzeige kontextbezogener Informationen in der Nähe von UI-Elementen. Sie hilft dabei, Bedeutung und Verwendung zu vermitteln, ohne dauerhafte Bildschirminhalte hinzuzufügen, wodurch Layouts sauberer und leichter erfassbar bleiben können.

Visual Identity Elements

Bietet eine Avatar-Komponente zur Anzeige visueller Identitätselemente wie Bilder oder Initialen. Sie unterstützt eine konsistente Platzierung von Benutzer- oder Entitätsdarstellungen innerhalb von Kopfbereichen, Listen und gruppierten Inhaltsbereichen.

Sequential Content Layout

Enthält eine Timeline-Komponente zur Präsentation von Elementen in einer sequenziellen Struktur. Sie hilft dabei, geordnete Ereignisse oder Schritte in einem klaren visuellen Verlauf darzustellen und unterstützt Layouts, bei denen Chronologie oder Fortschritt wichtig sind.

Produktkompatibilität

Überprüfen Sie die untenstehenden Details, um sicherzustellen, dass dieses Produkt in Ihrer Umgebung unterstützt wird.

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Vanilla JavaScript