ComponentOne Blazor UI Layout and Design Controls
Erstellen Sie mühelos elegante, strukturierte Layouts in Blazor-Anwendungen.
- Organisieren Sie dichte Bildschirme mit einklappbaren Accordion-Inhaltsbereichen.
- Präsentieren Sie kontextbezogene UI mit Window-Popovers oder modalen Dialogen.
- Steuern Sie das Layoutverhalten mit konfigurierbarer Erweiterung und Window-Interaktionen.
Preise ab:
| Verfügbar in | |
|---|---|
| ComponentOne Studio Blazor Edition | Wird geladen |
| ComponentOne Studio Enterprise | Wird geladen |
Inhaltsgruppierung auf Basis von Accordion
Organisieren Sie zusammengehörige UI in eine gestapelte Reihe von Bereichen, die Benutzer bei Bedarf erweitern und reduzieren können. Accordion unterstützt interaktives Erweiterungsverhalten für die Darstellung dichter Informationen in einem kompakten Layout und hilft dabei, das Scrollen zu reduzieren und sekundäre Details verfügbar zu halten, ohne die aktuelle Ansicht zu verlassen.
Erweiterung einzelner oder mehrerer Elemente
Konfigurieren Sie, ob Benutzer jeweils nur ein Element erweitern oder mehrere Bereiche geöffnet lassen, je nachdem, welches Interaktionsmuster Ihr Bildschirm benötigt. Diese Flexibilität hilft Ihnen, gängige Disclosure-Layouts, Einstellungsseiten und Detailbereiche zu implementieren und dabei die Inhaltsstruktur vorhersehbar zu halten.
Optionen für die Richtung des Layouts
Rendern Sie erweiterte Accordion-Layouts in unterschiedlichen Richtungen, um sie an Ihre Seitenstruktur und den verfügbaren Platz anzupassen. So können Sie Bereiche für Offenlegungen an Seitenleisten, gestapelte Abschnitte oder andere Anordnungen anpassen, bei denen die Erweiterung neben den umgebenden UI-Elementen natürlich wirken soll.
Responsives Rendern und Animation
Liefern Sie mit der Accordion-Komponente eine ausgefeilte Erweiterungs- und Reduzierungserfahrung mit responsivem Rendering und animierten Übergängen. Diese Verhaltensweisen helfen Benutzern nachzuvollziehen, was sich auf der Seite geändert hat, wenn Inhalte ein- oder ausgeblendet werden, was besonders in informationsreichen Formularen und Dashboards nützlich ist.
Window-Overlays für beliebige Inhalte
Zeigen Sie kleine Overlays mit beliebigen Inhalten mithilfe von Window an und unterstützen Sie dabei sowohl Popovers als auch modale Dialoge. Verwenden Sie es, um Editoren, Bestätigungen, kontextbezogene Details oder ergänzende Workflows darzustellen, ohne die aktuelle Seite zu verlassen, und halten Sie dabei den Overlay-Inhalt vollständig anpassbar.
Popover-Positionierung relativ zu Besitzern
Erstellen Sie Popovers, die an ein Besitzer-Element gebunden sind, wobei die Sichtbarkeit durch dieses Element gesteuert wird und die Position relativ dazu berechnet wird. Dieses Muster eignet sich gut für kontextbezogene Hilfe, Inline-Aktionen und leichte Auswahlfelder, bei denen das Overlay an ein UI-Element angeheftet wirken soll.
Darstellung als modaler Dialog
Erstellen Sie Dialoge ohne Besitzer-Elemente, die zentriert erscheinen und visuell vom zugrunde liegenden Inhalt getrennt sind. Dies unterstützt fokussierte Interaktionen wie Bestätigungen und mehrstufige Eingaben, bei denen Benutzer das Overlay abschließen oder schließen sollen, bevor sie mit der Seite fortfahren.
Zieh- und Größenänderungsverhalten
Konfigurieren Sie das Verhalten von Window über Eigenschaften, die Drag-Fähigkeit und Größenänderbarkeit abdecken. Ermöglichen Sie es Benutzern, Overlays durch Ziehen der Kopfzeile neu zu positionieren und bei Bedarf ihre Größe anzupassen, um flexiblere Workflows für Power-User und Bildschirme mit Dateneingabe oder umfangreichen Inhalten zu unterstützen.
Positionierung und Overlay-Steuerung
Steuern Sie die Positionierung von Window und das Overlay-Verhalten, damit sie den UX-Anforderungen Ihrer Anwendung entsprechen. Wählen Sie aus, wie das Popup erscheint, wo es platziert wird und wie es mit dem Rest der Seite interagiert, um konsistente Overlay-Muster über verschiedene Bildschirme und Interaktionstypen hinweg zu ermöglichen.
Produktkompatibilität
Überprüfen Sie die untenstehenden Details, um sicherzustellen, dass dieses Produkt in Ihrer Umgebung unterstützt wird.
Komponententyp
- .NET
.NET-Version
- .NET 10 LTS
- .NET 9 STS
- .NET 8 LTS
- .NET 6 LTS
.NET-Plattform
- .NET Blazor / WebAssembly
Über MESCIUS
MESCIUS, früher bekannt als GrapeCity, ist eine führende entwicklerorientierte Marke, die in Japan gegründet wurde und auf eine über 30-jährige Geschichte zurückblickt. Sie ist bekannt für ihre umfangreiche Suite von Softwarekomponenten, darunter Reporting-Frameworks, Tabellenkalkulationsbibliotheken und auf den japanischen Markt ausgerichtete Eingabesteuerelemente. Beliebte Produkte wie ActiveReports, SPREAD, InputMan und ComponentOne unterstützen sowohl .NET- als auch JavaScript-Ökosysteme und werden häufig in geschäftskritischen Anwendungen eingesetzt. MESCIUS bietet besondere Vorteile wie bewährte Zuverlässigkeit, umfassende japanische Lokalisierung und starken technischen Support und ist damit eine vertrauenswürdige Wahl für IT-Fachleute und Softwareentwickler, die komplexe und lokalisierte Systeme entwickeln.
Erfahren Sie mehr über MESCIUSEntdecken Sie Produkte von MESCIUS
Als offizielle und autorisierte Vertriebspartner seit 1996 stellt Ihnen ComponentSource legale Lizenzen direkt von MESCIUS bereit.