Multiple Question poperty change

  • cameroncolin
    Asked on December 19, 2017 at 9:23 PM

    Is it possible to change the layout on all questions within a form? For example, i changed my theme and want all the questions to be alligned left, and change the sizing (width). Do I have to go through each individual item? There also seems to be a problem with the alignment of the questions, even though the properties are the same.1513736581IGA Jotform Support Screenshot 10


    https://form.jotform.com/73458883678276

  • liyam
    Replied on December 20, 2017 at 1:45 AM

    If you would like to change the label alignment of the questions, you can only do this one at a time by selecting the field, open its properties and under the general tab, choose the label alignment setting that you prefer

    1513751995properties   general   label a Screenshot 10


    Please also take notice of the Set form as default checkbox below it. By ticking the box it allows you to move all labels to be under the same setting. Thus, all questions will have the same setting once you adjust the alignment here.

    If you have additional questions, please let us know.

  • mertc JotForm UI Developer
    Replied on December 20, 2017 at 5:51 AM

    Hi,

    You can use CSS codes below.

     

    .jotform-form .form-line.form-line-column:not(.jf-required) {

       width : 33% !important;

    }

    .jotform-form .form-line.form-line-column:not(.jf-required) > .form-label + div {

       width : 30% !important;

       float : left;

    }

    .jotform-form .form-line.form-line-column:not(.jf-required) > .form-label {

       padding-right : 5px;

       width : 70% !important;

       float : left;

    }

    .jotform-form .form-line.form-line-column[data-type="control_textarea"], .jotform-form .form-line.form-line-column[data-type="control_textarea"] > .form-label + div {

       width : 50% !important;

    }

    .jotform-form .form-line.form-line-column[data-type="control_textarea"] + .form-line.form-line-column[data-type="control_textarea"] {

       padding-left : 15px;

    }

    .jotform-form .form-line.form-line-column[data-type="control_textarea"] > .form-label {

       width : 50% !important;

       padding-right : 10px;

    }

     

    Please note that,

    The codes above are valid only for the current form design and structure.

    If do you want to add/remove a field, you may encounter design problems.

    When you use the codes, you will continue to see the fields as two columns on a single row in the form editor.

    We recommend that you edit your forms using the form editor.