Input Table: How do I display the table properly on mobile devices?

  • chadrlee
    Asked on September 14, 2017 at 1:15 PM

    My instant online quote form shows properly on computers. But when I or anyone views on mobile phone screen the numbers don't show. Is there a way to have my form mobile optimized so it shows properly?

    I see on my phone if I touch the screen and move to the right the missing form shows as long as I hold the screen but disappears if I lift my finger.

    Now I see if I stay on the url for a few minutes it will stay even after I remove my finger. Alls these things and time will not happen with customers. Is there anything I can do?

    Jotform Thread 1247904 Screenshot
  • Kevin Support Team Lead
    Replied on September 14, 2017 at 2:31 PM

    I have just checked your form and did not find any input table, as I can understand, you would need to increase the fields size so the typed numbers can be seen while filling the form on mobile devices. 

    I would recommend you to please provide us with a form where the element is still present on the form, we  will be glad to work on the needed CSS code to display the element properly on mobile devices. 

    We will wait for your response. 

  • chadrlee
    Replied on September 16, 2017 at 11:36 AM

    I’m not sure what you are asking. Let me answer some questions I think from your response in case it helps.

     
    The input table is below where they enter name, address, etc. That shows on the mobile web. It is the picture I have above those input fields that does’t show. The picture I have above the fields are the numbers my customer looks at to get prices. But that picture of the numbers only shows when you touch the screen and swipe left or right. 
     
    I don’t know what increasing the field size means or how to do that, but that might be the simple answer. Something needs to be increased in size so you don’t have to scroll. I would like to try that in case it works but don’t know how to do that.
     
    I’m also not sure what "provide us with a form where the element is still present on the form” means. The element is present already on the form if you mean the picture of the numbers my customer needs to see. It shows on computers. Just not on mobile phones. So if you look at the form on a computer it is there and you can see it. If you look on a mobile phone it is not there. https://form.jotform.us/71897209431159
     
    Does any of this help? I don’t really know much technical stuff.
  • Kiran Support Team Lead
    Replied on September 16, 2017 at 2:31 PM

    I am able to see what you mean by displaying the Input table when the screen is touched. Let me check the issue further and get back to you with relevant information.

    Thank you for your patience. 

  • Kiran Support Team Lead
    Replied on September 16, 2017 at 2:57 PM

    I have cloned your JotForm and see that there is only an image of input table which is used in the Image slider widget and so you are seeing the image sliding.

    Input Table: How do I display the table properly on mobile devices? Image 1 Screenshot 30

    If you want to enable the user to enter any information to the table, you'll be required to add an Input table field on the form and configure it as per your requirement.

    Input Table: How do I display the table properly on mobile devices? Image 2 Screenshot 41

    Please try adding the field to the form and let us know if you need any further assistance. We will be happy to assist. 

  • chadrlee
    Replied on September 16, 2017 at 3:04 PM

    I only want the image of the input table there. I have put the numbers in that I want my customers to see. I don't need them to input anything in that table. Just see the image. If that is the case what do I need to do so the image shows?

  • chadrlee
    Replied on September 16, 2017 at 5:25 PM

    I just deleted the image and put it back in and it works now.

  • jonathan
    Replied on September 16, 2017 at 6:26 PM

    If I understand correctly, the issue was resolved already at this time.  I reviewed your form using mobile browser and I see it like this.

    Input Table: How do I display the table properly on mobile devices? Image 1 Screenshot 20

    Let us know if you require further assistance.

  • chadrlee
    Replied on September 16, 2017 at 6:27 PM

    Yes, thanks