Layout ok in designer but wrong on live form

  • Profile Image
    hilltopkennels
    Asked on December 29, 2015 at 03:59 AM

    When designing my form in design mode, it appears layed out correctly, but when filling out the form, the labels and field entries overlap for some fields eg field label for {totalDays} "Total days booked" overlaps the field value, spoiling the readability of the form.

  • Profile Image
    Chriistian
    Answered on December 29, 2015 at 10:23 AM

    Hi,

     

    I checked your form and I was able to see what you are reporting. Labels for your fields are not displayed properly.

     

    To fix the issue, please try to inject this custom CSS code.

    .form-label-left {

    width: 175px !important;

    }

     

    To inject custom CSS code in your form, just follow the instructions in this article: How to Inject Custom CSS Codes.

     

    Do let us know if you need further assistance.
    Regards.

  • Profile Image
    hilltopkennels
    Answered on December 31, 2015 at 08:09 AM

    That fixed it, thank you!

  • Profile Image
    Boris
    Answered on December 31, 2015 at 10:44 AM

    On behalf of my colleague, Christian, you are most welcome.

    Please contact us again if you need assistance with anything else, and we will be happy to help.