-
lmaciuikaAsked 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 SupportReplied 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!
-
lmaciuikaReplied 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 SupportReplied 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!