Layout de Colunas: Desativar layout nativo para aplicar CSS personalizado de coluna única

  • Profile Image
    ClickCred
    Perguntado em 11 de maio de 2026 às 20:16

    Meu CSS personalizado para layout de coluna única não está funcionando porque o formulário parece travado em um layout de duas colunas que ignora o padding. Como desativar o layout de colunas nativo para que o CSS de margens de 10% funcione?


  • Profile Image
    Jotform Support Former Jotform Support
    Respondido em 11 de maio de 2026 às 23:03

    Hi ClickCred,

    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, I cloned and tested your form 261276772569067 and confirmed that the same layout from the Form Builder is also being reflected in the Preview. Check the screenshots below for reference:

    • Form Builder:

    
Layout de Colunas: Desativar layout nativo para aplicar CSS personalizado de coluna única
Image-1

    • Form Preview:

    
Layout de Colunas: Desativar layout nativo para aplicar CSS personalizado de coluna única
Image-2Are you trying to have the questions and their options displayed directly below each other, like in the screenshot below?

    
Layout de Colunas: Desativar layout nativo para aplicar CSS personalizado de coluna única
Image-3If so, you can easily adjust this from the field properties. Here’s how:

    1. In Form Builder, click on the Gear icon next to the relevant field to open its Properties.
    2. In the panel that opens on the right side, under the General tab, set Label Alignment to Top. That’s it.

    
Layout de Colunas: Desativar layout nativo para aplicar CSS personalizado de coluna única
Image-4If this isn’t exactly what you’re trying to achieve, could you share a bit more information about the layout you’re looking for? Screenshots would be especially helpful so I can better understand your goal.

    Once we hear back from you, we’ll have a better idea of what’s happening and how we can help further.

Your Reply