Instrução de preenchimento campo do formulário

TOTVS Fluig Documentos (ECM)
, , ,
1

Boa tarde,

Não sei se a pergunta é básica, mas gostaria de saber qual componente posso utilizar no Fluig para que apareça a instrução de preenchimento do campo ao passar quando o usuário passar o ponteiro sobre o campo. O formulário está sendo desenvolvido para ser preenchido no tablet.

A propriedade placeholder aparece dentro do campo, já estou usando. Achei na web Tooltip, abre uma caixa ao clicar sobre o Nome do campo, mas gostaria que fosse acionada ao clicar dentro do campo que será preenchido.

Exemplo do código que aparece a instrução:


<a data-toggle="tooltip" data-placement="auto right" title="Digitar somente numeros">CPF</a>
<input type="text" 
   class="form-controlinput-lg" name="cpf" id="cpf" placeholder="000.000.000-00" 
   required="required" maxlength="14" mask="000.000.000-00" data-only-numbers="true" 
   data-size="big"

Anexo exemplo do campo com a instrução.

:warning: Atenção: Esta publicação foi transferida automaticamente do fórum antigo, mas os anexos não foram incluídos.

2

Você pode usar Jquery e modificar apenas a instrução : Conforme o exemplo abaixo:

    Span

$('span').click(function(){ $('#InputToFocus').focus(); });

3

Além disso você teria a opção de colocar uma mensagem de aviso quando o mouse for colocado sobre o campo, utilizando apenas html.

Ex:

4

Você pode utilizar também o componente de tooltip do fluig style guide, sem a necessidade de importar outras bibliotecas para o seu formulário: https://style.fluig.com/javascript.html#tooltip