Multiple Entries field formatting issues on mobile

  • Matthew Williams
    Asked on February 6, 2018 at 9:31 AM

    is there a way when putting together a jot card form that I am able to allow user to add more than one participant and their age and then use their age to determine if they need to see the parent guardian section?  We need to allow up to four participants (8 fields).  When using the multiple answers element it allows us have four entries, but the alignment is off when it’s viewed on mobile device.  Is there any other way?

    Also is there a way to create a conditional logic on a widget that contains to data points?  

  • Ceren Director of Product Management
    Replied on February 6, 2018 at 9:55 AM

    Hello,

    Thank you for contacting us. You can use 'Multi-line Question' in order to achieve your requirements. It allows you add 8 fields in 4 rows and works on mobile devices without any issues.

    1517928891mlq Screenshot 10


    Please check and let us know if you need further assistance.

  • mattmacwllms
    Replied on February 6, 2018 at 11:10 AM

    Thank You!  That is what i was using, but when it displays on mobile devices, this is what it looks like.  how do we get it to align properly?  I shows fine on computer, but not on mobile.  This would get confusing if not aligned properly.15179334402018 02 06 10 09 51 Screenshot 10

  • David JotForm Support
    Replied on February 6, 2018 at 12:16 PM

    Try either adding or removing sub-labels to all the fields.  It looks like the sizing different between the ones with and without labels is causing the issue.  If that still doesn't work, let us know and we will take another look.

  • mattmacwllms
    Replied on February 6, 2018 at 12:27 PM

    It looks like they all have sub-labels.  For some reason they do not show up when previewing the form.  I have included two screen shots that show it in the build mode and the other in preview mode.  what do you suggest?15179380382018 02 06 11 25 08 Screenshot 1015179380522018 02 06 11 24 11 Screenshot 21

  • David JotForm Support
    Replied on February 6, 2018 at 1:38 PM

    The sub-label is moved in between the field input and the actual sub-label.  When nothing is entered in the text box, it shows in the text box.  Then when any sort of entry is made in the field, it is moved to below the input.  When I checked on mobile, the layout was correct:

    1517942253Capture Screenshot 10

    Is there a specific browser that can be used to reproduce the formatting issue?