https://github.com/brianmcleer/sidebar-custom-widget
Une version personnalisée du widget Sidebar d’Esri pour ArcGIS Experience Builder. Elle conserve toutes les fonctionnalités du widget Sidebar d’origine et ajoute un déploiement automatique : lorsque le tableau s’affiche, le volet latéral réduit s’ouvre de lui-même, afin que le widget Table reste visible dans le volet plutôt que d’être masqué derrière celui-ci.
Fonctionnalités
- Déploiement automatique à l’ouverture d’un tableau. Lorsqu’un volet latéral réduit contient un widget Table et qu’un utilisateur sélectionne « Ajouter au tableau » ou « Afficher dans le tableau », le volet se déploie automatiquement pour afficher le tableau.
- Déploiement automatique pour les contrôleurs de widgets. Un volet latéral réduit se déploie également lorsqu’un widget dans un contrôleur de widgets est ouvert, afin que le contenu du contrôleur ne reste pas masqué derrière un volet réduit.
- Toutes les fonctionnalités du widget Sidebar d’origine : deux volets configurables (FIRST et SECOND), des mises en page fixes, le bouton de bascule avec ses couleurs et sa bordure configurables, ainsi que les actions de bascule et de message d’ouverture.
Historique des modifications :
12/10/2026 : Le widget suit désormais la langue de l’application (?locale=, le sélecteur de langue, le profil ArcGIS ou le navigateur) dans 39 langues, guide d’aide inclus.
Vous avez vos propres widgets personnalisés ? Le même outil gratuit, exb-i18n-kit, peut les traduire en une seule commande : localize. Voici comment il traduit chaque expression :
- Esri d’abord. Il récupère les traductions déjà présentes dans votre installation d’Experience Builder. Ainsi, une expression comme « Zoom to » reprend la formulation utilisée par les widgets d’Esri.
- Termes standard. Les noms d’unités comme pieds et acres proviennent d’Unicode CLDR, la même base de données que celle utilisée par les navigateurs.
- Mémoire de traduction partagée. Le reste provient d’un dictionnaire partagé créé avec LibreTranslate, un traducteur open source, ainsi que les modèles Opus-MT d’Helsinki-NLP pour le bosnien, le croate et le serbe. L’outil fonctionne gratuitement sur GitHub : vous n’avez donc besoin ni d’une clé API ni d’un compte.
- Intégration. L’outil repère également le texte anglais codé en dur en dehors du fichier de traduction du widget, comme un paramètre par défaut ou un guide d’aide, et le relie au système de traduction.
Les corrections faites à la main sont toujours prioritaires sur celles de la machine et ne sont jamais écrasées. Certaines traductions sont générées automatiquement : si vous en repérez une qui ne convient pas, répondez ici en proposant une meilleure formulation.
10/09/26 :
- Mise à jour du widget Sidebar Custom pour corriger le plantage du panneau des paramètres causé par la gestion, par le runtime JSX d’Emotion, des propriétés nulles ou non définies.
26/06/26 :
Mise à jour du widget Sidebar Custom pour Experience Builder 1.21. Cette version corrige des erreurs de l’éditeur TypeScript liées au typage des composants React, aux déclarations SVG et Interact, ainsi qu’aux variables globales d’Experience Builder. Aucune fonctionnalité à l’exécution n’a été modifiée.
26/06/26 :
- Redimensionnement automatique pour les outils et les tableaux. Le volet latéral peut s’élargir à la taille que vous définissez lorsqu’un outil ou un tableau est ouvert, puis reprendre sa largeur normale à la fermeture. Il respecte un redimensionnement manuel et ne modifie donc pas la largeur que vous avez définie vous-même.
- Aperçu au survol. Le survol du bord du volet réduit le fait apparaître brièvement ; il se réduit de nouveau lorsque vous éloignez le pointeur. Pratique pour jeter un coup d’œil sans l’ouvrir complètement.
- Indicateur de mise à jour. Un petit point apparaît sur le bouton de bascule lorsque le contenu du volet réduit change alors que le volet latéral est fermé, afin que les utilisateurs remarquent les nouveaux résultats. Le point disparaît à l’ouverture du volet.
- En-tête avec épingle et bouton de fermeture. Une barre d’en-tête facultative dans le volet ajoute un bouton d’épingle qui maintient le volet latéral ouvert et suspend sa réduction automatique jusqu’à ce que vous retiriez l’épingle, ainsi qu’un bouton de fermeture.
- Message de déploiement/réduction publié. Le volet latéral peut envoyer un message « expanded » ou « collapsed » auquel d’autres widgets peuvent réagir au moyen d’une action de message standard.
- Lien profond dans l’URL. L’état ouvert ou réduit peut être enregistré dans l’URL et restauré au chargement, afin qu’un lien partagé ou enregistré en favori s’ouvre dans le même état.
- Toutes les nouvelles fonctionnalités sont désactivées par défaut et se règlent dans les paramètres de comportement du widget : les applications existantes ne changent donc pas tant que vous n’en activez pas une.
23/02/26 :
- Le widget prend désormais en charge le déploiement automatique pour les contrôleurs de widgets et les actions d’affichage ou d’ajout dans un tableau.
- Les volets latéraux réduits se déploient lors de l’utilisation de « Ajouter au tableau » ou « Afficher dans le tableau » afin d’afficher le widget Table dans le volet. Le déploiement automatique est également pris en charge pour les contrôleurs de widgets.
Inspiré d’une idée et d’une excellente solution de @JeffreyThompson2 sur Ouverture automatique de la table attributaire.
