Solução de Problemas de Widget
Visão Geral
Este artigo contém informações úteis sobre como solucionar problemas que você pode encontrar com Widgets em App Builder. Se você estiver tendo problemas com um Widget que não está funcionando da maneira que você espera, tente revisar as seguintes informações:
Configuração do Modo Ativo do Widget
Revise a configuração "Widget Active Mode" no Widget e certifique-se de que esteja configurada corretamente:
- Se View and Edit ou View Only for selecionado, o Widget será ativado/instalado quando a página carregar
- Se Edit Only for selecionado, o Widget será ativado/instalado somente quando o registro for colocado no modo de edição
Controle de Edição de Estado de Configuração
Revise o Painel de Controle, configuração Editar Estado para certificar-se de que está configurado corretamente:
- Se o Estado de Edição do Controle estiver definido como Oculto o Widget NÃO será ativado/instalado no painel
- Se o Estado de Edição do Controle estiver definido como Somente Leitura o Widget não será executado se a configuração "Modo Ativo do Widget" for Somente Edição
- Defina o Estado de Edição do Controle como Disponível para ativar/instalar o widget quando a página carregar
Configuração do Arquivo Zip do Widget
Os arquivos Zip do widget devem ser armazenados diretamente na raiz da pasta .zip. Não faça um Zip da pasta em que os arquivos do widget estão, pois isso criará uma pasta dentro da pasta Zip e App Builder não será capaz de ler o conteúdo do Widget.
App Builder lançará a seguinte mensagem de erro se não puder ler o arquivo Zip do Widget corretamente:
The changes could not be saved. Widget archives require a binder.js and _manifest.json in the root of the file
Para Criar um Arquivo Zip de Widget
Selecione individualmente os arquivos que o Widget requer e compacte-os juntos:
Console de Ferramentas do Desenvolvedor
Use as mensagens de texto e variáveis do console Developer Tools Console console.log() do navegador da web para verificar se o código do widget está sendo executado corretamente. Abra o Developer Tools no próprio navegador e selecione Console.
console.log("HERE!");
econsole.log(MyVariable);
Ao pesquisar em HTML para encontrar um controle que você deseja manipular, encontre o ControlID
UUID no App Builder URL e ctrl-F na página Elementos das Ferramentas do desenvolvedor no seu navegador: