Pular para o conteúdo principal
Versão: v11.0.0

Botão de acessibilidade no mobile

O parâmetro customButtonStyle permite customizar o botão de acessibilidade na versão mobile.

Ao instanciar HT, inclua o objeto customButtonStyle dentro do parâmetro mobileConfig.

Exemplo de Customização do Botão de Acessibilidade no Mobile​

<body>
  <!-- Importa a última versão do plugin Hand Talk -->
  <script src="https://plugin.handtalk.me/web/latest/handtalk.min.js"></script>
  <script>
    var ht = new HT({
      // Troque por seu token de acesso
      token: "TOKEN",
      mobileConfig: {
        // Exemplo de customização do botão de acessibilidade
        customButtonStyle: {
          borderRadius: "6px",
          bottomMargin: "60px",
          horizontalMargin: "4.4vw",
          size: "40px"
        }
      }
    });
  </script>
</body>
Importante

Ao ativar o parâmetro customButtonStyle as animações do botão de acessibilidade serão desativadas.

Parâmetros Disponíveis​

ConfiguraçãoDescriçãoValoresPadrão
sizeDefine a largura e altura do botãostringundefined
borderRadiusNível de arredondamento do botãostringundefined
horizontalMarginMargem entre o botão e as laterais da tela (definida no parâmetro side)stringundefined
bottomMarginMargem entre o botão e a borda inferior da telastringundefined
dica

Você pode definir apenas os parâmetros desejados. Caso não configure algum deles, o botão manterá os valores padrão da Hand Talk.