What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Matrix Dynamique widget not responsive

    Asked by akt1 on December 12, 2014 at 07:04 PM

    The Matrix Dynamique widget is not responsive when viewed on my android phone

    The part of the table and save button are of the screen

    Page URL:
    http://form.jotform.us/form/43455511143144

    not responsive Android table save button matrix widget dynamique widget mobile widget
  • Profile Image
    JotForm Support

    Answered by jonathan on December 12, 2014 at 09:29 PM

    Hi,

    Please try also adding the Mobile Resposive widget on your jotform http://www.jotform.us/form/43455511143144

     

    That should make the form mobile responsive also when using mobile browsers.

    Please inform us if this did not work.

    Thanks.

  • Profile Image

    Answered by akt1 on December 12, 2014 at 10:12 PM

    This did not work the save /enter button is not accessible and it made other parts of the form expand

  • Profile Image

    Answered by Shadae on December 13, 2014 at 08:57 AM

    Hi akt1,

    I am not currently seeing where you have the mobile response widget on your form to replicate the issue that you described.

    Can you add the widget once again, or could you provide us with screenshots of the issue you have been experiencing so that you can look into this further.

    You can also try to Inject the CSS Code to resolve the issue:

    @media only screen and (max-width: 40em){

        * #contentTable {

            font-size : 1.5em;

       }

        .form.label {

            font-size : 1.3em;

        }

        .form-input-wide {

            font-size : 1.2em;

        }}

    Thank you.

  • Profile Image

    Answered by akt1 on December 13, 2014 at 01:07 PM

    I have added the mobile response widget for you to test, when I injected the code it looked the same and I got an error message on the second widget so I removed it

    On this test form the enter button remains off screen on my phone but you can scroll over to it or rotate the phone.

    When I test this widget in my main form the enter button is not available at all unless I rotate my phone both with the mobile widget or without it and the other applications on the form look better without it

  • Profile Image

    Answered by Shadae on December 13, 2014 at 06:35 PM

    Hi akt1,

    Thank you for the update, I was not able to replicate the issue that you described when the widget is applied in the android browser.

    Can you please add the following CSS code directly in the widget window:

    @media only screen and (max-width: 40em){

    * #contentTable {

    width : 250px;

    }}

    Please inform us if you need further assistance.

  • Profile Image

    Answered by akt1 on December 14, 2014 at 02:25 PM

    Thanks for your help I have tried all your suggestions but none seem to help here are my Android screen Shots

    the widget can only be used if the phone is rotated, everything else on my form looks fine except this widget? I have a nexus 5 with lollipop could that have anything to do with this problem

  • Profile Image

    Answered by akt1 on December 28, 2014 at 06:02 PM

    I am still no closer to solving this problem I have repeated all your suggestions the first code injection made the widget bigger (see my test form) the second code injection  had no effect that I could see

    The widget is not responsive, please show me a form with the Matrix Dynamique widget working correctly on a phone.

  • Profile Image
    JotForm Support

    Answered by jonathan on December 28, 2014 at 07:35 PM

    Hi,

    I was able to reproduced the issue on Matrix Dynamique widget on mobile browser.

     

    The Matrix dynamique widget doesn't seem to be responding as needed when on mobile browser.

    I will submit a bug ticket report to our higher team support so that they can check on this.

    The most I can suggest at this time is to make your Matrix dynamique widget with less field at a time so that it doesn't exceed the width of the form.

    You can just add multiple dynamique widget to have the other fields added.

    We will let you know here once we have status update available on the fix.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by TitusN on March 18, 2015 at 11:50 PM

    Hello,

    Matrix Dynamique will now respond to mobile screens when used with the mobile responsive widget

    http://form.jotformpro.com/form/42391117334954?

    The layout may not look great in very narrow screens - so you may need to consider designing your matrix accordingly. 

    Kindly try it out - your feedback is greatly appreciated.