How can I move text boxes into specific columns?

  • nikkic03
    Asked on June 8, 2015 at 2: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?

  • David JotForm Support
    Replied on June 8, 2015 at 3: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.

  • nikkic03
    Replied on June 8, 2015 at 3:18 PM

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

  • David JotForm Support
    Replied on June 8, 2015 at 3: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.