Corrija o alinhamento dos botões de quebra de página ao usar dispositivos móveis

  • ericapatriciavida
    Perguntado em 26 de agosto de 2024 às 23:04

    Olá, como fazer para o botão "próximo" do formulário apareça completamente na visualização do celular?

    Jotform Thread 18352951 Screenshot
  • Raymond Jotform Support
    Respondido em 27 de agosto de 2024 às 03:07

    Hi Érica,

    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.

    I understand the issue, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

    Thanks for your patience.

  • Raymond Jotform Support
    Respondido em 27 de agosto de 2024 às 03:41

    Hi Érica,

    We can fix this by using a few CSS codes. Let me walk you through it:

    1.First, copy the codes below:

    /* adjust width of row header column - 18345981*/
    .jf-form-buttons {
      min-width: unset !important;
    }
    /* Ends here */

    2.In Form Builder, click on the Paint Roller icon on the right.

    3.Then, under the Styles tab, paste the codes into the CSS box.

    Corrija o alinhamento dos botões de quebra de página ao usar dispositivos móveis Image 1 Screenshot 30

    Here's how it would appear:

    Corrija o alinhamento dos botões de quebra de página ao usar dispositivos móveis Image 2 Screenshot 41

    Feel free to test this cloned demo form or clone it to your account to inspect it further. We also have a guide on How to Inject Custom CSS Codes that you can check out.

    Give it a try and let us know if you need any help.

  • ericapatriciavida
    Respondido em 27 de agosto de 2024 às 21:49

    Obrigada Raymond, deu certo :)

    Você poderia me ajudar com um código para diminuir a margem das laterais somente nos dispositivos móbiles?

    Corrija o alinhamento dos botões de quebra de página ao usar dispositivos móveis Image 1 Screenshot 20

  • Raymond Jotform Support
    Respondido em 28 de agosto de 2024 às 02:29

    Hi Erica,

    Please apply the following codes to reduce the padding on the sides of your form:

    /* reduce form padding - 18345981*/
    ul.form-section {

      padding: 0px 8px !important;

    }
    /* Ends here */

    Reach out again if you need any help.