Label Width and Fields Overlapping

  • Profile Image
    rbeazley
    Asked on April 30, 2015 at 07:37 PM

    Am hoping for some help with the format of the following form http://www.jotform.com//?formID=50337367386866#

    Label Width

    I have set the label width at 90px so they are all the same but the 'Competition' field's label is clearly wider.

    Overlapping Fields

    'Competition' and 'Match Date' fields now overlap.  This only just happened after I went into Builder.  Is there a way I can force them to not overlap?

    Thanks :)

  • Profile Image
    Aury
    Answered on April 30, 2015 at 08:32 PM

    In order to force the fields "Competition" and "Match Date not to overlap, please inject the following css code:

    #id_28 {
        float : right;
    }

    After that, your form will displays as follow:

     

    You may find more details on How to Inject Custom CSS Codes here: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

     

    I hope this helps to solve the issue.