Can you advise some details about form page width...

  • Profile Image
    Benflips
    Asked on July 12, 2016 at 05:38 AM

    Hi.

    I know how to alter the overall page dimensions.

    In the past I've done this to try to have 3 or 4 fields appear on one line, rather than try to learn how to alter the sizing of individual fields!

    Wondering if you can tell me what is the ideal width to make sure the form remains as responsive as possible across devices.

    Does it matter?

     

    Thanks in advance

  • Profile Image
    Chriistian
    Answered on July 12, 2016 at 07:42 AM

    Hi,

    I checked your form and it appears to be responsive. Please see below.

    In what device you are having issue with responsiveness? Are you embedding this form to a webpage?

  • Profile Image
    Benflips
    Answered on July 12, 2016 at 08:46 AM
    I was not saying i had a problem. I was asking what, if any, is the ideal
    width given i have all of the elements i do
    ...
  • Profile Image
    Kevin_G
    Answered on July 12, 2016 at 10:51 AM

    Our forms are responsive by default, it means that you do not need to make any change to your form in order to make it responsive.

    However, in case that you want to modify your form using some CSS codes, I would suggest you to set the width with percentage instead of fixed pixels.

    Setting the width using percentage will allow the form to fit the screen, if you set it with pixels it will have a static size and will not change dynamically according to the device.

    This should be the code if you want to inject it:

    .form-all{

     width: 100%;

    }

    That code for example, will display the form in the full window.

    However, I would suggest you you to give it a try and let us know if you have questions, we will be glad to help you.