https://github.com/brianmcleer/sidebar-custom-widget
Una versión personalizada del widget Sidebar de Esri para ArcGIS Experience Builder. Mantiene todas las funciones del widget Sidebar estándar y añade la expansión automática: cuando se muestra una tabla, la barra lateral contraída se abre por sí sola. Así, el widget Tabla permanece visible dentro de la barra lateral en lugar de quedar oculto detrás de un panel contraído.
Funciones
- Expansión automática al abrir una tabla. Si una barra lateral contraída contiene un widget Tabla y un usuario selecciona «Añadir a la tabla» o «Ver en la tabla», la barra lateral se expande automáticamente para que la tabla quede visible.
- Expansión automática para controladores de widgets. Una barra lateral contraída también se expande cuando se abre un widget dentro de un controlador de widgets, para que el contenido del controlador no quede oculto detrás de un panel contraído.
- Todas las funciones del widget Sidebar estándar: dos paneles configurables (PRIMERO y SEGUNDO), diseños fijos, el botón de alternancia con colores y borde configurables, y las acciones de alternancia y de mensaje al abrir.
Registro de cambios:
12/10/2026: El widget ahora sigue el idioma de la aplicación (?locale=, el selector de idioma, el perfil de ArcGIS o el navegador) en 39 idiomas; también incluye una guía de ayuda.
¿Tienes tus propios widgets personalizados? La misma herramienta gratuita, exb-i18n-kit, puede traducirlos con un solo comando: localize. Así completa cada frase:
- Primero, Esri. Consulta las traducciones que ya están instaladas en tu Experience Builder, así que una frase como «Acercar a» usa la misma formulación que los propios widgets de Esri.
- Términos estándar. Los nombres de unidades, como pies y acres, provienen de Unicode CLDR, los mismos datos que usan los navegadores.
- Memoria de traducción compartida. El resto se traduce con un diccionario compartido creado con LibreTranslate, un traductor de código abierto, además de los modelos Opus-MT de Helsinki-NLP para bosnio, croata y serbio. Se ejecuta gratis en GitHub, así que no necesitas una clave de API ni una cuenta.
- Integración. También detecta el texto en inglés codificado directamente fuera del archivo de traducción del widget, como una configuración predeterminada o una guía de ayuda, y lo conecta para que también se traduzca.
Las correcciones hechas a mano siempre tienen prioridad sobre las automáticas y nunca se sobrescriben. Algunas traducciones son automáticas, así que responde aquí con una mejor formulación si detectas alguna que no suene bien.
10/9/26:
- Se actualizó el widget Sidebar Custom para corregir el bloqueo del panel de configuración causado por el manejo de propiedades nulas o indefinidas en el entorno de ejecución JSX de Emotion.
26/6/26:
Se actualizó el widget Sidebar Custom para Experience Builder 1.21. Esta versión corrige errores del editor de TypeScript relacionados con los tipos de componentes de React, las declaraciones de SVG e Interact y las variables globales de Experience Builder. No se modificó ninguna funcionalidad en tiempo de ejecución.
26/6/26:
- Redimensionamiento automático para herramientas y tablas. La barra lateral puede ampliarse hasta el tamaño que elijas mientras haya una herramienta o una tabla abierta y volver a su ancho normal al cerrarse. Respeta el redimensionamiento manual, por lo que no cambiará el ancho que hayas establecido.
- Vista previa al pasar el cursor. Al pasar el cursor sobre el borde contraído, la barra lateral se muestra brevemente y vuelve a contraerse cuando apartas el cursor. Ideal para echar un vistazo sin abrirla del todo.
- Indicador de actualización. Aparece un pequeño punto en el botón de alternancia cuando cambia el contenido contraído mientras la barra lateral está cerrada, para que los usuarios adviertan los resultados nuevos. Desaparece al abrir la barra lateral.
- Encabezado del panel con botones para fijar y cerrar. Una barra de encabezado opcional en el panel incluye un botón para fijar la barra lateral abierta y suspender el cierre automático hasta que la vuelvas a desfijar, además de un botón para cerrar.
- Mensaje de expansión o contracción publicado. La barra lateral puede enviar un mensaje «expandido» o «contraído» al que otros widgets pueden responder mediante una acción de mensaje estándar.
- Enlaces profundos en la URL. El estado abierto o contraído se puede guardar en la URL y restaurar al cargar la página, para que un enlace compartido o guardado en marcadores se abra en el mismo estado.
- Todas las funciones nuevas están desactivadas de forma predeterminada y se configuran en los ajustes de comportamiento del widget, así que las aplicaciones existentes no cambian hasta que actives alguna.
23/2/26:
- El widget ahora permite la expansión automática para controladores de widgets o al usar «Ver/Añadir en la tabla».
- Permite que las barras laterales contraídas se expandan al usar «Añadir a la tabla» o «Ver en la tabla» para mostrar el widget Tabla dentro de la barra lateral. También admite la expansión automática para controladores de widgets.
Basado en una idea y una excelente solución de @JeffreyThompson2 en La apertura automática de la tabla de atributos.
