Syncfusion JavaScript UI Layout and Design Controls

SyncfusionDisposition de l'interface utilisateur et contrôles de conceptionJavaScript

Composants de mise en page et de design pour structurer les interfaces des applications JavaScript.

  • Dispose des panneaux à l’aide de composants de mise en page de tableau de bord et de fractionnement configurables.
  • Regroupe et présente le contenu avec des cartes, des listes et des éléments d’identité visuelle.
  • Affiche du contenu contextuel à l’aide de superpositions et d’indices d’interface intégrés.
Syncfusion logo

Prix à partir de:

Chargement...
Disponible dans
Syncfusion Essential Studio UI Component SuiteChargement
Syncfusion Essential Studio EnterpriseChargement
image du produit Syncfusion JavaScript UI Layout and Design Controls
Syncfusion JavaScript UI Layout and Design Controls est une collection de composants permettant d’organiser la structure des pages et de présenter du contenu dans les applications JavaScript. Elle prend en charge les mises en page basées sur des panneaux, les régions redimensionnables, le regroupement de contenu, la présentation de listes et les superpositions contextuelles, aidant ainsi les développeurs à créer des compositions d’interface claires qui restent cohérentes lorsque les écrans et le contenu changent.

Mise en page de panneau de tableau de bord

Fournit un composant de mise en page de type tableau de bord pour organiser des panneaux au sein d’une grille. Il prend en charge le placement des panneaux dans des positions définies et la gestion de leur disposition dans une seule vue, ce qui le rend adapté à la création d’espaces de travail configurables et d’écrans riches en informations.

Régions fractionnées redimensionnables

Inclut un composant splitter qui divise l’espace disponible en plusieurs régions. Il permet aux utilisateurs de redimensionner les volets, aidant ainsi les applications à présenter des zones de contenu côte à côte, comme des vues de navigation et de détail ou des espaces de travail à panneaux multiples.

Regroupement de contenu par cartes

Propose un composant card pour regrouper du contenu مرتبط dans un conteneur structuré. Il aide à établir une hiérarchie visuelle, à séparer les sections d’une page et à présenter des blocs de contenu de manière cohérente d’une vue à l’autre.

Conteneurs de contenu superposés

Fournit un composant dialog pour présenter du contenu dans une superposition. Il prend en charge l’affichage de contenu supplémentaire, de confirmations ou de vues ciblées sans modifier la mise en page sous-jacente de la page.

Présentation structurée de listes

Inclut un composant list view pour présenter des collections d’éléments dans une mise en page cohérente. Il aide à afficher des lignes de contenu répétitives, prend en charge la présentation d’éléments avec modèles et rend les listes lisibles dans des interfaces complexes.

Indications d’interface contextuelles

Propose un composant tooltip pour afficher des informations contextuelles à proximité des éléments d’interface. Il aide à communiquer le sens et l’utilisation sans ajouter de contenu permanent à l’écran, ce qui permet de garder des mises en page claires et plus faciles à parcourir.

Éléments d’identité visuelle

Fournit un composant avatar pour afficher des visuels d’identité tels que des images ou des initiales. Il prend en charge un placement cohérent de la représentation d’un utilisateur ou d’une entité dans les en-têtes, les listes et les zones de contenu groupées.

Mise en page séquentielle du contenu

Inclut un composant timeline pour présenter des éléments dans une structure séquentielle. Il aide à afficher des événements ou des étapes ordonnés dans un flux visuel clair, en prenant en charge les mises en page où la chronologie ou la progression sont importantes.

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

  • JavaScript

Plateforme JavaScript

  • JavaScript vanilla