How can I move text boxes into specific columns?

  • Profile Image
    nikkic03
    Asked on June 08, 2015 at 02:40 PM

    I am building a form and I want to have a widget in the first column and all of my text boxes in the second column. Is there a way I can do this?

  • Profile Image
    david
    Answered on June 08, 2015 at 03:03 PM

    Hi,

    You should be able to move all the other fields to the right hand side of your form by expanding them all to their own line and then adding this code:

    #id_3, #id_5, #id_6, #id_4, #id_7, #id_9 {
        margin : 0px 0px 0px 375px;
    }

    That should move all the fields other than the facebook widget over to the right.  Here is the resulting form:

    http://form.jotformpro.com/form/51585615821963

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

  • Profile Image
    nikkic03
    Answered on June 08, 2015 at 03:18 PM

    That works beautifully, thank you. I was wondering if you can wrap the text in a label?

  • Profile Image
    david
    Answered on June 08, 2015 at 03:23 PM

    You can add this code to change the maximum width of your labels:

    .form-label.form-label-top {
        width : 300px;
    }

    Anything beyond the width you set will be wrapped to the next line.