Form is different widths on different browsers

  • Profile Image
    JPCarpet
    Asked on March 01, 2016 at 03:56 PM

    My form is showing up different widths on different browsers. 

    The top three questions have different widths on different browsers. Is there any way to get it so that the three questions on top are the same width as the question bar on the second row?

  • Profile Image
    BDAVID
    Answered on March 01, 2016 at 06:21 PM

    To set the same width, you need to go into the edit mode of your form and set the same size on each text box, you might have to increase the form width, so they show int he same line, example:

  • Profile Image
    JPCarpet
    Answered on March 01, 2016 at 07:44 PM

    Hi, the issue is more about aligning line one with line two.  Please see the following examples in the different browsers. (Safari, Chrome and Firefox)

     

  • Profile Image
    beril
    Answered on March 02, 2016 at 03:54 AM

    Can you add the CSS code below from designer?

    #input_25{

        width : 160px !important;

        height : 50px !important;

    }

     

    #input_26 {

        width : 160px !important;

        height : 50px !important;

    }

     

    #input_16 {

        width : 160px !important;

        height : 50px !important;

    }

     

    #input_17 {

        width : 525px !important;

        height : 65px !important;

    }

     

    .form-section.page-section {

        width : 700px !important;

    }

    At that time, it will work as expected.

    If it does't work, please let us know. We can try another solution.