ComponentOne Blazor UI Layout and Design Controls
Créez facilement des dispositions élégantes et organisées dans les applications Blazor.
- Organisez les écrans denses à l’aide de sections de contenu Accordion réductibles.
- Présentez une interface contextuelle avec des popovers ou des boîtes de dialogue modales Window.
- Contrôlez le comportement de la disposition avec une expansion configurable et des interactions Window.
Prix à partir de:
| Disponible dans | |
|---|---|
| ComponentOne Studio Blazor Edition | Chargement |
| ComponentOne Studio Enterprise | Chargement |
Regroupement de contenu basé sur Accordion
Organisez l’interface utilisateur associée dans un ensemble empilé de volets que les utilisateurs peuvent développer et réduire selon leurs besoins. Accordion prend en charge un comportement d’expansion interactif pour présenter des informations denses dans une disposition compacte, en aidant à réduire le défilement et à conserver les détails secondaires disponibles sans quitter la vue actuelle.
Expansion d’un seul élément ou de plusieurs éléments
Configurez si les utilisateurs développent un élément à la fois ou conservent plusieurs volets ouverts, selon le mode d’interaction requis par votre écran. Cette flexibilité vous aide à implémenter des dispositions de divulgation courantes, des pages de paramètres et des panneaux de détails tout en gardant une structure de contenu prévisible.
Options de disposition directionnelle
Rendez les dispositions Accordion développées dans différentes directions afin de les adapter à la structure de votre page et à l’espace disponible. Cela vous permet d’adapter les zones de divulgation à des panneaux latéraux, des sections empilées ou d’autres agencements où vous souhaitez que l’expansion s’intègre naturellement aux éléments d’interface environnants.
Rendu réactif et animation
Offrez une expérience d’extension et de réduction soignée grâce au rendu réactif et aux transitions animées dans le composant Accordion. Ces comportements aident les utilisateurs à identifier ce qui a changé sur la page lorsque du contenu est affiché ou masqué, ce qui est particulièrement utile dans les formulaires et tableaux de bord riches en informations.
Superpositions Window pour du contenu arbitraire
Affichez de petites superpositions de contenu arbitraire à l’aide de Window, en prenant en charge à la fois les popovers et les boîtes de dialogue modales. Utilisez-le pour présenter des éditeurs, des confirmations, des détails contextuels ou des workflows auxiliaires sans quitter la page actuelle, tout en conservant un contenu de superposition entièrement personnalisable.
Placement des popovers par rapport aux propriétaires
Créez des popovers liés à un élément propriétaire, avec une visibilité contrôlée par cet élément et un placement calculé relativement à celui-ci. Ce modèle fonctionne bien pour l’aide contextuelle, les actions intégrées et les sélecteurs légers où la superposition doit sembler ancrée à un élément de l’interface utilisateur.
Présentation en boîte de dialogue modale
Créez des boîtes de dialogue sans élément propriétaire qui apparaissent centrées et visuellement séparées du contenu sous-jacent. Cela prend en charge des interactions ciblées comme les confirmations et la saisie en plusieurs étapes, où vous souhaitez que les utilisateurs valident ou ferment la superposition avant de continuer dans la page.
Comportement déplaçable et redimensionnable
Configurez le comportement de Window à l’aide de propriétés qui couvrent le déplacement et le redimensionnement. Permettez aux utilisateurs de repositionner les superpositions en faisant glisser l’en-tête et d’ajuster la taille lorsque cela est approprié, en prenant en charge des workflows plus flexibles pour les utilisateurs avancés et les écrans contenant de la saisie de données ou du contenu riche.
Contrôle du positionnement et de la superposition
Contrôlez le positionnement de Window et le comportement de superposition pour répondre aux exigences UX de votre application. Choisissez comment la fenêtre contextuelle apparaît, où elle est placée et comment elle interagit avec le reste de la page, afin de permettre des modèles de superposition cohérents sur différents écrans et types d’interaction.
Compatibilité du produit
Consultez les détails ci-dessous pour vous assurer que ce produit est pris en charge dans votre environnement.
Type de composant
- .NET
.NET Version
- .NET 10 LTS
- .NET 9 STS
- .NET 8 LTS
- .NET 6 LTS
Plateforme .NET
- .NET Blazor / WebAssembly
À propos de MESCIUS
MESCIUS, anciennement connu sous le nom de GrapeCity, est une marque de premier plan axée sur les développeurs, créée au Japon, avec une histoire de plus de 30 ans. Elle est reconnue pour sa vaste suite de composants logiciels, notamment des frameworks de reporting, des bibliothèques de feuilles de calcul et des contrôles de saisie orientés vers le marché japonais. Des produits populaires tels que ActiveReports, SPREAD, InputMan et ComponentOne prennent en charge les écosystèmes .NET et JavaScript et sont largement utilisés dans des applications critiques pour l’entreprise. MESCIUS offre des avantages distinctifs tels qu’une fiabilité éprouvée, une localisation japonaise complète et un solide support technique, ce qui en fait un choix de confiance pour les professionnels de l’informatique et les développeurs de logiciels qui construisent des systèmes complexes et localisés.
En tant que distributeurs officiels et autorisés depuis 1996, ComponentSource vous fournit des licences légitimes directement auprès de MESCIUS.