Widgets not fitting in form

  • grooveacademy
    Asked on March 22, 2019 at 4:20 PM

    Hi there.

    We're using one of JotForm's templates, and for some reason some of the widgets are outside the box, (email form).  Is there any way to correct this?  Sorry we couldn't figure it out!!

  • Nik_C
    Replied on March 22, 2019 at 6:26 PM

    I assume you're referring to this:

    1553293393Screen Shot 2019 03 22 at 11 Screenshot 10

    You can fix that by inserting the below CSS to your Custom CSS of the widget:

    1553293426Screen Shot 2019 03 22 at 11 Screenshot 21

    #form > tbody > tr > td.col1 > input[type="text"] {

        width: 120px!important;

    }

    #form > tbody > tr > td.col2 > input[type="text"] {

        width: 120px!important;

    }

    #form > tbody > tr > td.col3 > input[type="text"] {

        width: 120px!important;

    }

    #form > tbody > tr > td.col4 > input[type="text"] {

        width: 120px!important;

    }

    And this CSS to your Custom CSS of the form:

    iframe#customFieldFrame_126 {

        width: 660px!important;

    }

    You can check how it works here: https://form.jotform.com/90807364326964

    If you have any further questions, please let us know.

    Thank you!

  • grooveacademy
    Replied on March 22, 2019 at 8:43 PM
    New response received
    Thank for the quick response😊
    Have a good evening!
    -Anthony
    [image: Groove Academy Vector Logo]
    ____________________________
    2 Iroquois Bay
    108 – 420 Des Meurons St.
    (204) 254-2184 | www.grooveacademy.ca
    ...