My forms are not appearing to users the same way that I designed them

  • Profile Image
    Asked on August 17, 2015 at 12:48 PM

    I designed my forms with multiple columns (Health History Form) but when I test it the users see something much different. I tried to attach a screenshot showing what happened when I tried to fill out the form but apparently a screenshot is too large a file to send you. Could you please help?

  • Profile Image
    Answered on August 17, 2015 at 03:04 PM


    I checked your form and there was a line in your added CSS to make all your fields 700 width.  Removing that line allowed your fields to be their specified widths:

    }.form-label.form-label-top {}#label_30 {}.form-html p {
    width : 580px;
    padding : 1px 11px 1px 11px;
    }.form-line {
    width : 630px;
    }#cid_42 {
    width : 430px;
    height : 40px;

    This CSS is near the bottom of your currently added styling.

    This line is causing all your fields to be 630px width.  Removing the highlighted line allowed for the fields to fit multiple on a single line.

    Here is what the form would look like with that CSS removed:

    If you have any further questions, let us know and we will be happy to help.