How to center align textboxes and Scale.

  • lmaciuika
    Asked on August 28, 2014 at 4:39 PM

    Hello, 

     

    I am trying to get the boxes and scale centered. I found a way to make the boxes appear centered by making the field size between 250 and 300. This moves the boxes more towards the right. When I do that the Scale is moved to the left at the bottom. 

    I just want the boxes and scale to be centered in the middle of the form just like the submit button is. 

    Help! 

     

    Thank you 

  • Ashwin JotForm Support
    Replied on August 28, 2014 at 5:32 PM

    Hello lmaciuika,

    Please inject the following custom css code in your form to adjust the alignment of the "Scale rating" field:

    div#cid_21 {

    margin-left: 150px;

    }

    The following guide should help you in injecting the custom css code in form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • lmaciuika
    Replied on August 28, 2014 at 6:05 PM

    Thanks for the feedback but it didn't work. I have these codes in there so far: 

     

    .form-submit-button {font-size: 20px;width: auto;}

    .form-textbox{font-size: 1em;}

    .form-radio { height:18px;width:18px;}

    .form-scale-table{font-size: 18px; }

     

     

    I added your code below and nothing changed.... 

     

  • Ashwin JotForm Support
    Replied on August 28, 2014 at 6:19 PM

    Hello lmaciuika,

    The existing css code you have in our form will not conflict with the css code I have shared.

    Please take a look at the following form and see if this displays the scale rating correctly:  http://form.jotformpro.com/form/42397103494962? 

    You can adjust the value of the margin by changing the value in the css code to move the scale rating field left or right:

    div#cid_21 {

    margin-left: 150px !important;

    }

    Do let me know if you need any other changes.

    Thank you!