Ir para o conteúdo

Solução de Problemas de Widgets

Visão Geral

Este artigo contém informações úteis sobre solução de problemas que você pode encontrar com Widgets no Vinyl. Se você estiver enfrentando problemas com um widget que não funciona da maneira esperada, 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 Visualizar e editar ou Somente visualizar for selecionado, o widget será ativado/instalado quando a página carregar
  • Se Somente Editar for selecionado, o Widget será ativado/instalado somente quando o registro for colocado no modo de edição

Configuração de Estado de Edição de Controle

Revise a configuração Editar estado do Painel de controle para garantir que esteja configurada 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 o Vinyl não será capaz de ler o conteúdo do Widget.

O Vinyl lançará a seguinte mensagem de erro se não conseguir ler o arquivo Widget Zip 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, em seguida, compacte-os:

Pasta

Console de Ferramentas do Desenvolvedor

Use as mensagens de texto e variáveis do Console de Ferramentas do Desenvolvedor console.log() do navegador para verificar se o código do widget está sendo executado corretamente. Abra as Ferramentas do desenvolvedor no próprio navegador e selecione Console.

  • console.log("HERE!"); e console.log(MyVariable);

Console

Console 2

Ao pesquisar em HTML para encontrar um controle que você deseja manipular, encontre o ControlID UUID no URL do Vinyl e ctrl-F na página Elements das Ferramentas do Desenvolvedor no seu navegador:

Ctrl