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

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

    Asked by NachoPH 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,
    Ignacio

    Screenshot
  • Profile Image

    Answered by brx250 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