What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to center align textboxes and Scale.

    Asked by lmaciuika on August 28, 2014 at 04: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 

    Page URL:
    http://form.jotform.us/form/42377028784160

    and size hello
  • Profile Image
    JotForm Support

    Answered by ashwin_d on August 28, 2014 at 05: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!

  • Profile Image

    Answered by lmaciuika on August 28, 2014 at 06: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.... 

     

  • Profile Image
    JotForm Support

    Answered by ashwin_d on August 28, 2014 at 06: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!