Multiple Entries field formatting issues on mobile

  • Profile Image
    Matthew Williams
    Asked on February 06, 2018 at 09: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?  

  • Profile Image
    ceren
    Answered on February 06, 2018 at 09: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.png


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

  • Profile Image
    mattmacwllms
    Answered on February 06, 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.jpg

  • Profile Image
    david
    Answered on February 06, 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.

  • Profile Image
    mattmacwllms
    Answered on February 06, 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.jpg15179380522018-02-06_11-24-11.jpg

  • Profile Image
    david
    Answered on February 06, 2018 at 01: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.PNG

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