How to change the Thank You Page's button position and style?

gostaria de saber se é possível posicionar o botão de preencher novo formulário ao lado do botão preencher novamente e se consigo mudar o estilo, cor e ícones desses botões.

Hi Ricardo,

Thanks for reaching out to Jotform Support. Unfortunately, our Portuguese support agents are busy helping other Jotform users at the moment. 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 keep in mind that you'd have to wait until they're available again.

As for customizing the Action Buttons on the Thank You page, it is possible by adding in-line CSS on your Thank You page by altering its source code. On the toolbar, you can find the Source Code button to access it:

The toolbar allows you to customize the look and feel of your Thank You page. In addition to formatting the font and adjusting text alignment, you can add links to documents or pages on your site to engage with or educate respondents on relevant topics. Here's a related article that you might find helpful. 

Let us know if you need more help.

Entendo.

Você teria um exemplo de código que moveria o botão de "Preencher Outro Formulário" sem perder a opção de preenchimento automático?

Obrigado!

Hello Ricardo,

Thank you for getting back to us. Here's an example: you can insert the DIV in the Source code of the Thank you page to have spaces in between the buttons:

For example:

<div class="wrapper" contenteditable="false">

<div class="col-1" contenteditable="false">&nbsp;</div>

<div class="col-2" contenteditable="true">

<div style="width: 100%; height: 100%; background-color: yellow; text-align: center;">

<h1>Thank You!</h1>

<div style="text-align: center;">&nbsp;</div>

<div style="text-align: center;">

<div><span style="font-size: medium;">Your submission has been received.</span></div>

<div>&nbsp;</div>

<div>&nbsp;</div>

</div>

</div>

Here's the result:

You can adjust the width and include additional code between the 'divs'. Or you can use this code that will make the Thank you page spread over the window:

<div class="wrapper" contenteditable="false">

<div class="col-2" contenteditable="true">

<div style="background: #6a8778; width: 100%; height: 100%; text-align: center; position: absolute; top: -8px; left: -8px;">

<div style="background: #f8f8f8; width: 100%; height: 100%; text-align: center; position: absolute; top: 8px; left: 8px;">

<h1>&nbsp;</h1>

<h1>Thank You!</h1>

<p>&nbsp;</p>

<div style="text-align: center;">&nbsp;</div>

<div style="text-align: center;">&nbsp;</div>

</div>

</div>

Here's the result:

Reach out again if you have any other questions.

Obrigado pelo retorno, mas não é bem isso que eu preciso...

Eu preciso que um botão fique igual ao outro e imediatamente ao lado ou abaixo do outro

E, se possível, mudar a aparência desses botões.

Obrigado!

Hi Ricardo,

Thanks for reaching out to Jotform Support. I understand you are looking to move the "Pedido Comercial" button below the "Continuar Combo" button. This can be done by adding custom CSS to your form. Check out the steps below to see how it's done:

• Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
• Under the Styles tab, paste the code below into the Inject Custom CSS area.

/*To move the "Pedido Comercial" button - 10662211*/

.form-name-wrapper, .form-image-wrapper {

    position: absolute;

    display: flex;

    flex-flow: column;

    width: 190px;

    top: 35%;

    margin-left: 4em;

}



.form-image-wrapper {

    border: 1px solid;

    padding: 10px 10px;

    border-radius: 5px;

}



.form-name-wrapper {

    padding-top: 18px;

    padding-left: 25px;

}

Here's what the result will look like:

Here's the cloned version of the form that you can test.

Please give it a try and let us know how it goes.