Panneau latéral

A glisse depuis le bord de la page au-dessus de son contenu, pour des détails ou un formulaire qui appartient à côté de la page plutôt qu’à sa place. L’utilisateur peut le redimensionner avec une poignée glisser sur son bord intérieur, tout en redimensionnant la navigation, et double-cliquer sur le manche pour le réinitialiser. Il s’attache par défaut à droite, à la fin de la page ; réglez Position (position) sur Start (start) pour l’amarrer à gauche. Les boutons de grille SidePanel ouvrent leur formulaire d’enregistrement en un lorsqu’ils sont un panneau latéral.

Redimensionnement

Le redimensionnement est activé par défaut ; réglez EnableResizing (enableResizing dans React ) sur false pour une largeur fixe. DefaultWidth, MinWidth et MaxWidth définissez la largeur de départ et jusqu’où l’utilisateur peut la porter, et le panneau n’est jamais plus large que la fenêtre de vue. Donnez WidthStorageKey une clé propre au panneau et il se rouvre à la largeur laissée par l’utilisateur, à travers les chargements de page. Sur un téléphone, le panneau prend toute la largeur et n’a pas de poignée.

Tête, caisse et pied

Title et FooterContent (title et footer dans React) couvrent la plupart des cases. Lorsque le pied de page dépend de l’état à l’intérieur du contenu — un bouton Enregistrer activé uniquement une fois qu’un formulaire a changé — composez le panneau à la place : TitleTemplate et FooterContent dans Blazor, et dans React SidePanelHeader, SidePanelBody et SidePanelFooter, qui peuvent s’installer dans un fournisseur de contexte qui vous appartient.