Is possible to place an element exactly where I want to place?

  • Profile Image
    Asked on September 23, 2011 at 04:00 AM

    Hi there.

    I would like to do 2 cosmetic changes in my form, but after a lot of time trying to do I have not found any solution. Maybe you can help me?


    1.- As you can see in the attached scrrenshot, the separation between the radio button elements at the bottom of the page seems to be different. I know that this is because of the diferent length of the text, but appearence is not good. Is possible to move, in any way, some of them?

    2.- I'd need that the last box appear exactly under the "Otro" radio button element, as this is a hiden box that only appears if you select Otro (it is the workaround I did in order to void that appears Other in English in my Spanish page).

    Is there any chance for doing these 2 things?

    Thanks a lot,

  • Profile Image
    Answered on September 23, 2011 at 10:27 PM

    Hi NachoPH,

    First of all, thank you for using JotForm.

    The solution to your issue is to use the "Inject Custom CSS" feature on the Preferences wizard under the "Setup & Embed" tab. To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code below in the Inject Custom CSS textarea

     .form-checkbox-item {   width:300px !important; 


    #id_16 {float:right; padding-right:170px;}

    Note that the yellow highlighted numbers can be changed to whatever you like. #id_16 is for your textbox, and .form-checkbox-item is for your radio button's items.

    Hope you find this helpful. If you have further issues and concerns, please feel free to contact us again.


    Albert | JotForm Support