Layout formulário

  • cleytonbabinski
    Perguntado em 14 de novembro de 2024 às 08:19

    Bom dia.

    Eu estou com uma dificuldade na arrumação do layout de um formulário que estou fazendo. Eu tenho um formulário mais antigo que eu consigo colocar 3 tabelas uma do lado do outra.

    Layout formulário Image 1 Screenshot 50

    Porém eu estou criando um novo arquivo e tentando fazer a mesma coisa, utilizando as mesmas configurações e não estou conseguindo colocar 3 na mesma linha, a plataforma só permite 2.

    Layout formulário Image 2 Screenshot 61

    O que posso fazer para conseguir fazer essa mesma coisa, já que em um arquivo e consigo e no outro não?

    O mesmo vale para o elemento de upload de arquivo e pergunta de marcar. Que eu conseguia assim no antigo formulário:

    Layout formulário Image 3 Screenshot 72

    E agora só consigo assim:

    Layout formulário Image 4 Screenshot 83

  • Summer Jotform Support
    Respondido em 14 de novembro de 2024 às 10:32

    Hi Cleyton,

    Thanks for reaching out to Jotform Support. While we do offer Support in many foreign languages, and we're working hard to add more every day, we don't currently have Portuguese Support agents who can help you. So I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using.

    Now, coming back to your question, you can easily bring these 3 tables side by side with custom CSS code. Let me show you how to do it:

    1. Click on the paint roller icon on the top right of the page.

    2. Then, click on Styles.

    3. Copy the CSS code below:

    #id_72, #id_112, #id_78 {
        width: 30% !important;
        display: inline-block;
        vertical-align: top;
        margin: 0 5px;
    }

    4. Then, paste it into Inject Custom CSS and that's it.

    Layout formulário Image 1 Screenshot 30

    Here's what the result will look like:

    Layout formulário Image 2 Screenshot 41

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

    Give it a try and let us know how it goes.

Sua Resposta