How to make the field more responsive when viewed on mobile device?

  • Profile Image
    papelez
    Asked on December 18, 2017 at 05:13 AM
    Also are you able to help on optimising the format of the form on mobile devices as it seems to be unsuitable for mobile both on portrait ang landscape.
  • Profile Image
    Nik_C
    Answered on December 18, 2017 at 05:20 AM

    You can try adjusting the width of the map widget field (I assume you're referring to that field when viewed on a mobile) and see if shrinking it a bit would work better:

    1513592398Screen Shot 2017-12-18 at 11.2

    Since there is no other way to adjust that field for mobile devices.

    Let us know if that could work for you so we can escalate the issue further.

    Thank you!

  • Profile Image
    papelez
    Answered on December 18, 2017 at 09:10 AM

    Yes I have already tried that but the address text field also shrinks with it. Is there a way to put the field title above the text box... at least that way it doesnt need to add up to the width of the field

  • Profile Image
    papelez
    Answered on December 18, 2017 at 09:18 AM

    Or alternatively is there any way to hide the address fields on the gmap widget. Add a separate address field and have a rule that will auto populate the gmap address field with it.

  • Profile Image
    EltonCris
    Answered on December 18, 2017 at 10:19 AM

    Separating the fields isn't possible. You can't also customize the map or inject custom CSS codes due to the new form layout restriction.

    The easier way to overcome this is to switch to the standard form layout if you like.

    Here's how:

    1. Go to Settings > Form Settings > Show More Options

    2. Look for Form Layout then select "All Questions in One Page"

    The standard form layout should automatically make the widgets responsive. If not, it can be easily customized by injecting custom CSS codes to it.

    Hope this will help!