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.

Conseil :

Si les widgets imbriqués occupent les deux panneaux, vous pouvez ouvrir les paramètres de configuration du widget Sidebar (Barre latérale) 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 (Barre latérale) 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 (Barre latérale) 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 le bouton ou spécifier des paramètres pour en modifier l’apparence, tels que la couleur de l’arrière-plan, la couleur de l’icône et la forme de l’icône. 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).

Options d’interaction

Le widget Sidebar (Barre latérale) peut être la cible de deux actions Messages : Open sidebar (Ouvrir la barre latérale) et Toggle sidebar (Activer/désactiver la barre latérale). La première action ouvre le widget s’il est fermé. Rien ne se produit s’il est ouvert. La deuxième action peut à la fois ouvrir et fermer le widget. La table suivante répertorie les déclencheurs pris en charge de chaque action.

Opération	Déclencheurs
Ouvrir la barre latérale	Clic d’un bouton, Modifications de sélection d’enregistrements, Modification des vues
Activer/désactiver la barre latérale	Clic d’un bouton

Vous pouvez ajouter ces actions sous l’onglet Action dans les paramètres d’autres widgets. Parmi les widgets que vous pouvez connecter au widget Sidebar (Barre latérale) figurent le widget Button (Bouton), le widget Views Navigation (Navigateur de vues) et le widget Map (Carte).

Pour connecter un widget Button (Bouton) à un widget Sidebar (Barre latérale), ajoutez les deux à votre application. Dans l’onglet Action des paramètres du widget Button (Bouton), cliquez sur Add a trigger (Ajouter un déclencheur), puis sélectionnez le déclencheur Button click (Clic d’un bouton). Sélectionnez un widget Sidebar (Barre latérale) comme cible, puis sélectionnez l’action Open sidebar (Ouvrir la barre latérale) ou Toggle sidebar (Activer/désactiver la barre latérale).