Como utilizar o plugin de formatação de inputs
1. Adicione o elemento do plugin

Arraste o elemento do plugin para a mesma página onde está o input que será formatado.


2. Configure o ID do input

Nas propriedades do elemento do plugin, informe o ID do input que deverá receber a formatação automática.


3. Ative a opção de IDs HTML no Bubble

Para que o plugin funcione corretamente, é necessário habilitar a opção de IDs nos elementos HTML:

Settings → General → Expose the option to add an ID attribute to HTML elements

Após ativar esta opção, defina um ID único no input desejado.

Importante sobre inputs invisíveis

Atualmente, o plugin pode não funcionar corretamente caso o input esteja invisível ao carregar a página. Como solução alternativa, siga os passos abaixo:

Workaround recomendado

Etapa 1

Crie um Group na página.

Etapa 2

Defina o Container Layout do Group como:

Align to parent

Etapa 3

Adicione dentro deste Group:

* O input;
* O elemento do plugin.

Posicione ambos centralizados.

Etapa 4

Marque as opções para:

* Ajustar largura ao conteúdo;
* Ajustar altura ao conteúdo.

Etapa 5

Organize as camadas:

* Envie o elemento do plugin para trás;
* Deixe o input na frente.

Etapa 6

Controle a visibilidade utilizando o Group, e não diretamente o input.

Mostre ou oculte o Group inteiro sempre que necessário.

Pronto! Assim o plugin funcionará corretamente mesmo em campos exibidos dinamicamente.