Card Form: How to add another form field/element on the same page

  • easytermobrasil
    Gefragt am 26. März 2024 um 11:06

    como colocar mais de um elemento no mesmo card?

  • Lorevie Jotform Support
    Geantwortet am 26. März 2024 um 13:50

    Hi esaytermobrasil,

    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.

    Now, let me help you with your question.

    To clarify, you want to add more than one element on each page of the card form, is that right? In a card form layout, you can only do that by using the Multi-line Question element. Let me walk you through it:

    1. In the Form Builder, click on the Add Form Element on the left side of the page.
    2. Select Multi-line Question under the Basic Elements. Card Form: How to add another form field/element on the same page Image 1 Screenshot 60
    3. Click the +Add a new field element. Then select the elements that can be added from the selection. Card Form: How to add another form field/element on the same page Image 2 Screenshot 71
    4. To edit the added element, click on the Edit icon.
    5. From the Multi-line Question Properties, go to the added element and click on the Gear icon. You can enter your question in the Sublabel box.
    6. Click on the Save button at the bottom of the page once you're done setting up the added form field.
    • You can also set a certain format for the field from Validation. In my example, I set the field as numeric. Card Form: How to add another form field/element on the same page Image 3 Screenshot 82

    To make the fields side by side:

    • Click on the + icon on the right side of the first added field. Card Form: How to add another form field/element on the same page Image 4 Screenshot 93

    Here is the result:

    Card Form: How to add another form field/element on the same page Image 5 Screenshot 104

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