https://github.com/brianmcleer/sidebar-custom-widget
Uma versão personalizada do widget Sidebar da Esri para o ArcGIS Experience Builder. Ele mantém tudo o que o Sidebar padrão faz e adiciona a expansão automática, para que uma barra lateral recolhida se abra quando uma tabela é exibida. Assim, o widget Tabela fica visível dentro da barra lateral, em vez de oculto atrás de um painel recolhido.
Recursos
- Expansão automática ao abrir uma tabela. Quando uma barra lateral recolhida contém um widget Tabela e alguém usa "Adicionar à tabela" ou "Visualizar na tabela", a barra lateral se expande automaticamente para que a tabela fique visível.
- Expansão automática para controladores de widgets. Uma barra lateral recolhida também se expande quando um widget dentro de um Controlador de widgets é aberto, para que o conteúdo do controlador não fique oculto atrás de um painel recolhido.
- Tudo o que o widget Sidebar padrão oferece: dois painéis configuráveis (PRIMEIRO e SEGUNDO), layouts fixos, o botão de alternância com cores e borda configuráveis, além das ações de alternância e mensagem de abertura.
Registro de alterações:
12/10/2026: O widget agora segue o idioma do app (?locale=, o seletor de idioma, o perfil do ArcGIS ou o navegador) em 39 idiomas, incluindo o guia de ajuda.
Você tem seus próprios widgets personalizados? A mesma ferramenta gratuita, exb-i18n-kit, pode traduzi-los com um único comando: localize. Veja como ela preenche cada expressão:
- Primeiro, a Esri. Ela lê as traduções já existentes na instalação do Experience Builder, então uma expressão como “Zoom para” usa a mesma redação dos próprios widgets da Esri.
- Termos padrão. Nomes de unidades, como pés e acres, vêm do Unicode CLDR, a mesma fonte de dados usada pelos navegadores.
- Memória de tradução compartilhada. O restante vem de um dicionário compartilhado criado com o LibreTranslate, um tradutor de código aberto, além dos modelos Opus-MT da Helsinki-NLP para bósnio, croata e sérvio. Ele funciona gratuitamente no GitHub, então você não precisa de chave de API nem de uma conta.
- Integração. Ela também encontra textos em inglês codificados fora do arquivo de tradução do widget, como uma configuração padrão ou um guia de ajuda, e os integra para que também sejam traduzidos.
As correções feitas manualmente sempre têm prioridade sobre as geradas pela máquina e nunca são substituídas. Algumas traduções são feitas por máquina; se encontrar alguma que não esteja boa, responda aqui com uma sugestão melhor.
10/09/26:
- O widget Sidebar Custom foi atualizado para corrigir a falha no painel de configurações causada pelo tratamento de propriedades nulas ou indefinidas no runtime JSX do Emotion.
26/06/26:
26/06/26:
- Redimensionamento automático para ferramentas e tabelas. A barra lateral pode se alargar até o tamanho definido enquanto uma ferramenta ou tabela está aberta e voltar à largura normal quando ela for fechada. O redimensionamento manual é respeitado, então a largura definida por você não será substituída.
- Pré-visualização ao passar o cursor. Ao passar o cursor sobre a borda recolhida, a barra lateral aparece brevemente e se recolhe novamente quando você afasta o cursor. Ideal para dar uma olhada rápida sem abri-la por completo.
- Indicador de atualização. Um pequeno ponto aparece no botão de alternância quando o conteúdo recolhido muda enquanto a barra lateral está fechada, para que os usuários percebam os novos resultados. O ponto desaparece quando a barra lateral é aberta.
- Cabeçalho do painel com opções de fixar e fechar. Uma barra de cabeçalho opcional no painel adiciona um botão de fixação que mantém a barra lateral aberta e suspende o recolhimento automático até que você a desafixe, além de um botão para fechar.
- Mensagem de expansão/recolhimento publicada. A barra lateral pode enviar uma mensagem de "expandida" ou "recolhida" à qual outros widgets podem reagir por meio de uma ação de mensagem padrão.
- Links diretos na URL. O estado aberto ou recolhido pode ser salvo na URL e restaurado ao carregar, para que um link compartilhado ou salvo nos favoritos abra no mesmo estado.
- Todos os novos recursos ficam desativados por padrão e são configurados nas definições de comportamento do widget, para que os apps existentes não mudem até você ativar algum recurso.
23/02/26:
- O widget agora oferece suporte à expansão automática para controladores de widgets ou ao usar visualizar/adicionar à tabela.
- Faça com que barras laterais recolhidas se expandam ao usar "Adicionar à tabela" ou "Visualizar na tabela" para exibir o widget Tabela dentro da barra lateral. Também há suporte à expansão automática para controladores de widgets.
Inspirado em uma ideia e ótima solução de @JeffreyThompson2 em Abertura automática da tabela de atributos.
