Como deixar os Widgets de Perguntas lado a lado para melhorar a visualização?

  • Profile Image
    sulamitadgp
    Perguntado em 19 de agosto de 2025 às 14:59
    I want to improve how the tickets are displayed visually.
  • Profile Image
    sulamitadgp
    Respondido em 19 de agosto de 2025 às 15:38

    Por exemplo, eu conseguiria colocar esses horários lado a lado?

    Como deixar os Widgets de Perguntas lado a lado para melhorar a visualização? Image 1 Screenshot 40Como deixar os Widgets de Perguntas lado a lado para melhorar a visualização? Image 2 Screenshot 51Como deixar os Widgets de Perguntas lado a lado para melhorar a visualização? Image 3 Screenshot 62

  • Profile Image
    Eduarda Jotform Support
    Respondido em 19 de agosto de 2025 às 16:12

    Olá Sulamita,

    Obrigado por entrar em contato com o Suporte Jotform. Uma alternativa seria utilizar Parágrafos para deixarmos de título e diminuir o espaço do Widget de Pergunta. Aqui está tudo o que você precisa fazer:

    1. No Construtor de Formulário, clique no campo de Propriedades de Pergunta.

    2. No lado direito, clique no ícone de Engrenagem para abrir o Painel de Propriedades.

    3. Em cima, na direita, clique em Avançado no menu do painel.

    4. Agora, habilite a opção Comprimir, para diminuir o campo.

    Como deixar os Widgets de Perguntas lado a lado para melhorar a visualização? Image 1 Screenshot 60Agora, vamos adicionar o Parágrafo Elemento para substituir o título. Deixe-me mostrar como:

    1. No Construtor de Formulário ainda, clique em Adicionar Elemento, na esquerda superior para continuar.

    Como deixar os Widgets de Perguntas lado a lado para melhorar a visualização? Image 2 Screenshot 71

    2. Em baixo dos Elementos Básicos, selecione Parágrafo e arraste para o formulário.

    Como deixar os Widgets de Perguntas lado a lado para melhorar a visualização? Image 3 Screenshot 82

    3. Após isso, clique no campo Parágrafo para editá-la.

    4. Para finalizar, no lado direito, clique no ícone de Engrenagem para abrir o Painel de Propriedades.

    5. Em cima, na direita, clique em Avançado no menu do painel.

    6. Agora, habilite a opção Comprimir, para diminuir o campo.

    Como deixar os Widgets de Perguntas lado a lado para melhorar a visualização? Image 4 Screenshot 93 Confira meus resultados na captura de tela abaixo:

    Como deixar os Widgets de Perguntas lado a lado para melhorar a visualização? Image 5 Screenshot 104É isso. Deixe-nos saber se você tiver alguma outra dúvida.

  • Profile Image
    sulamitadgp
    Respondido em 19 de agosto de 2025 às 16:39

    Então não caberiam as três colunas lado a lado, né?

  • Profile Image
    Jonathan Jotform Support
    Respondido em 19 de agosto de 2025 às 19:23

    Hi Sulamita,

    Having the Ticket Purchases widget and the Paragraph titles in three column formation is also possible. But you will have to make the form width extremely wide to accommodate the three column positioning. And you have to consider also the other elements on the form, you will have to figure out if the other elements should be in three column formation as well to have uniformity on the form. So our suggestion is to use at max two column formation for good form design and layout.

    Let us know if you need any more help.

  • S
    Sulamita
    Respondido em 20 de agosto de 2025 às 07:26

    Mas eu preciso de três colunas. Teria outro elemento que ficaria melhor?

  • Profile Image
    sulamitadgp
    Respondido em 20 de agosto de 2025 às 07:42

    Bom dia! Eu preciso organizar um cronograma de atividades com três horários diferentes. Tais atividades têm um limite de vagas diferentes. As atividades são estas:


    Jogos interativos - Linguagens {60}

    Jogos interativos - Natureza {30}

    Jogos interativos - Humanas {60}

    Jogos interativos - Matemática {30}

    “Meu Futuro não é Virtual… Quem Quero Ser?” {40}

    "Mente Sã, Prova Tranquila" {40}

    Alongar & Aprender – Corpo e Mente {40}

    Mesa de Carreiras {150}

    Palestra Gamer {150}


    O número entre colchetes se refere à quantidade de vagas. Veja os horários a seguir:


    13h30 às 14h10

    14h20 às 15h00

    15h10 às 15h50


    Fiz um formulário de modo que o participante possa escolher as atividades nos horários. Porém, há uma possibilidade de o participante escolher uma atividade igual em horários diferentes. O ideal seria que ele escolhesse uma atividade, por exemplo, Palestra Gamer às 13h30 e esta atividade ficasse bloqueada nos outros horários. De que forma isso seria possível?

  • Profile Image
    Kadir
    Respondido em 20 de agosto de 2025 às 08:17

    Hi Sulamita,

    Unfortunately, our Portuguese Support agents are unavailable 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.

    1. First enable the shrink option for your three ticket purchase widgets.

    2. Then, copy this code:

    .form-line.form-line-column.form-col-1.jf-required {
        width : 215px;
        padding : 0;
    }

    .form-line.form-line-column.form-col-2.jf-required {
        width : 215px;
        padding : 0;
    }

    .form-line.form-line-column.form-col-3.jf-required {
        width : 215px;
        padding : 0;
    }


    3. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    4. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    Let us know if you need any more help.

  • Profile Image
    sulamitadgp
    Respondido em 20 de agosto de 2025 às 08:33

    Thank you!

  • Profile Image
    sulamitadgp
    Respondido em 20 de agosto de 2025 às 09:06

    Neste tópico, eu poderia colocar os itens lado a lado para melhorar a visualização?Como deixar os Widgets de Perguntas lado a lado para melhorar a visualização? Image 1 Screenshot 20 Screenshot 10
  • Profile Image
    Jovito Jotform Support
    Respondido em 20 de agosto de 2025 às 11:17

    Hi Sulamita,

    To keep the conversation organized, I moved your other question to its own thread, and someone from our Support Team will help you with it here.

    Let us know if you have any other questions.