Como deixar os Widgets de Perguntas lado a lado para melhorar a visualização?
sulamitadgp
Perguntado em 19 de agosto de 2025 às 14:59
I want to improve how the tickets are displayed visually.
sulamitadgp
Respondido em 19 de agosto de 2025 às 15:38
Por exemplo, eu conseguiria colocar esses horários lado a lado?
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.
Agora, 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.
2. Em baixo dos Elementos Básicos, selecione Parágrafo e arraste para o formulário.
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.
Confira meus resultados na captura de tela abaixo:
É isso. Deixe-nos saber se você tiver alguma outra dúvida.
sulamitadgp
Respondido em 19 de agosto de 2025 às 16:39
Então não caberiam as três colunas lado a lado, né?
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?
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?
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.
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 Codebox. That’s it. The code is automatically saved.
Let us know if you need any more help.
sulamitadgp
Respondido em 20 de agosto de 2025 às 08:33
Thank you!
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?
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.