Widget Sidebar (Encadré)

Le widget Sidebar (Encadré) est un conteneur de mise en page qui offre deux panneaux adjacents pour vous permettre de contrôler la mise en page et l’allocation des widgets imbriqués. Ce widget permet aux utilisateurs d’afficher simultanément des collections d’informations.

Exemples

Utilisez ce widget pour prendre en charge les exigences de conception d’application, telles que les suivantes :

• Vous souhaitez que les utilisateurs puissent masquer et afficher un filtre ou une liste d’entités tout en continuant d’afficher la carte adjacente.
• Vous souhaitez allouer des widgets dans les panneaux adjacents et redimensionner les panneaux pour afficher le contenu dans un espace plus grand ou plus petit.

Remarques sur l'utilisation

Vous pouvez configurer le widget Sidebar (Encadré) pour aligner les panneaux horizontalement ou verticalement. Par exemple, les utilisateurs peuvent comparer le contenu de différentes couches ou différents jeux de données dans des panneaux adjacents. Vous pouvez autoriser les utilisateurs finaux à redimensionner et réduire le panneau ancré. Si vous excluez le bouton permettant de réduire le panneau, assurez-vous que le panneau est développé par défaut.

Dans la vue Outline (Contour) du panneau Page (Page), ce widget dispose de deux conteneurs enfants par défaut pour organiser les widgets imbriqués dans la mise en page. First (Premier) correspond au panneau de gauche ou supérieur et Second (Second), au panneau de droite ou inférieur, selon le côté d’ancrage que vous configurez.

Astuce :

Si les widgets imbriqués occupent les deux panneaux, vous pouvez ouvrir les paramètres de configuration du widget Sidebar (Encadré) en sélectionnant ce dernier dans la fenêtre Outline (Contour) ou en cliquant sur le bouton Settings (Paramètres) dans la barre d’outils des options du widget. Pour déplacer le widget Sidebar (Encadré) et ses widgets imbriqués, cliquez sur le bouton Move (Déplacer) de sa barre d’outils tout en faisant glisser le groupe vers une nouvelle position sur la zone d’affichage.

Paramètres

Le widget Sidebar (Encadré) inclut les paramètres suivants :

• Side panel (Panneau latéral) : le panneau latéral peut être réduit ou développé pour afficher/masquer son contenu.
  • Dock side (Côté d’ancrage) : position d’ancrage du panneau latéral pouvant être réduit.
  • Size (Taille) : taille du panneau pouvant être réduit (panneau correspondant au paramètre de côté d’ancrage).
  • Overlay (Superposition) : lorsque le panneau latéral est ouvert, il couvre une partie de l’autre panneau.
  • Resizable (Redimensionnable) : le panneau latéral peut être réduit en faisant glisser le séparateur.
  • Default state (État par défaut) : indiquez si la barre latérale est développée ou réduite lorsque les utilisateurs finaux ouvrent la page pour la première fois.
• Collapse button (Bouton Réduire) : ce bouton permet d’afficher ou de masquer le panneau latéral. Vous pouvez supprimer ce bouton ou spécifier des paramètres pour en modifier l’apparence. Vous pouvez choisir le style de bouton et sa position dans le panneau (centre, haut ou bas). Vous pouvez également définir les tailles en pixels des boutons et icônes, ainsi que le décalage horizontal et vertical.
• Divider (Séparateur) : modifiez l’apparence du séparateur entre les panneaux adjacents (par exemple, le style de ligne, la couleur et la pondération).
• Propriétés des panneaux : sélectionnez une couleur de remplissage ou une image pour l’arrière-plan de chaque panneau. Si vous choisissez une image, vous pouvez la positionner dans le panneau à l’aide de l’option Fit (Ajuster), Fill (Remplir), Center (Centrer), Tile (Tuile) ou Stretch (Étirer).