-
welensonPerguntado em 24 de maio de 2024 às 18:22
Ola, tudo bem?
Por favor seria possivel exibir um alerta após o preenchimento de um campo.
Após o preenchimento aparecer um pop up.
-
welensonRespondido em 24 de maio de 2024 às 19:11
Poderia ser algo parecido quando não preenchemos um campo obrigatorio, mas gostaria de um aviso após o preenchimento.
-
Mightor Enterprise SupportRespondido em 24 de maio de 2024 às 21:46
Hi welenson,
Thanks for reaching out to Jotform Support. Our Portuguese Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Portuguese, let us know and we can have them do that. But, it might take a while until they're available again.
Now, coming back to your question, yes, it's possible to display an alert or warning message after filling out a field. Here's how you can do that:
- Add a Paragraph field, to your form.
- Customize the content using the Paragraph field's text editor.
- Then, click on the Paragraph fields Gear icon, go to the Advanced tab and turn on Hide field.
Then create a similar Show/Hide Field condition like the below screenshot.
That's it. Here's the sample form in action:
Give it a try and let us know how it goes.
-
welensonRespondido em 24 de maio de 2024 às 21:51
Esse formato bem abaixo do campo seria possivel configurar?
-
Rahul Enterprise SupportRespondido em 25 de maio de 2024 às 00:14
Hi welenson,
Thanks for getting back to us. I'll need a bit of time to look into this and will get back to you as soon as I can.
Thanks for your patience and understanding.
-
Rahul Enterprise SupportRespondido em 25 de maio de 2024 às 00:30
Hi welenson,
Thanks for patiently waiting. It's possible to change the warning message for the required fields. Let me show you how to do it:
- In Form Builder, go to Settings from the top navigation bar.
- Select Form Settings from the left pane.
- Click on the Show More Options.
- Scroll down to the Form Warnings section and click Edit.
- Now, you'll be in the Form Warnings window. From here, go to the desired section and enter your customized text.
- Go down to the bottom and click Save Changes.
We also have a guide explaining How to Change Your Form Warning Messages that you can check out.
Let us know if you need any more help.
-
welensonRespondido em 25 de maio de 2024 às 08:55
Bom dia,
não quero alterar a mensagem de campo obrigatório, so usei ela como exemplo. Gostaria de saber se consigo fazer algo similar nos campos que eu precisar.
-
Mikhail Enterprise SupportRespondido em 25 de maio de 2024 às 11:15
Hi welenson,
Thanks for getting back to us. Do you mean you want your customized error message to look like the warning message in Jotform? Check out my screenshot below if you are referring to something like this:
If so, you can do that by adding a style attribute in your text inside the Paragraph Element. Keep in mind that I wasn't able to get the icon to the Paragraph Element. Let me show you how it's done:
- Open your form in Form Builder
- On your Paragraph Element, click the Pencil Icon to edit the Paragraph.
- On the toolbar, click the Source Code icon.
- On the text's style area, paste the code below and finally, click Ok, then Save:
color: #fff; background-color: #dc2626; font-size: .75em; margin-top: 8px; border-radius: 4px; background-size: .875em; background-position: .375em; background-repeat: no-repeat; display: inline-block; width: auto; padding: .25em .5em .25em 1.625em;
This is how it looks like after adding the code:
Give it a try and let us know if you have any other questions.
-
welensonRespondido em 27 de maio de 2024 às 11:27
-
welensonRespondido em 27 de maio de 2024 às 11:29
Tentei fazer isso no formulario TESTE, usando o campo Teste, e mesmo salvando não fica com as configurações.
-
Mikhail Enterprise SupportRespondido em 27 de maio de 2024 às 11:32
Hi welenson,
Thanks for getting back to us. Sorry for the confusion. If you don't have styles in your source code yet, you can copy this code below in the Paragraph's source code:
style="color: #fff; background-color: #dc2626; font-size: .75em; margin-top: 8px; border-radius: 4px; background-size: .875em; background-position: .375em; background-repeat: no-repeat; display: inline-block; width: auto; padding: .25em .5em .25em 1.625em;"
Give it a try and let us know if you have any other questions.