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

    Showing radio buttons under the images

    Asked by Verge on March 13, 2013 at 01:54 PM

    Is there a way to make my questions look like this?

    See attachment.

    Screenshot
    radio buttons images columns
  • Profile Image

    Answered by pinoytech on March 13, 2013 at 03:09 PM

    Hi Verge,

    Yes, you can achieve that on your form. Please take a look at this DEMO form that I've created for you to check.

    http://www.jotformpro.com/form/30715772836965

    If you like what I did, feel free to clone the form and contact us if you need further assistance.

    Thank you!

  • Profile Image

    Answered by Verge on March 13, 2013 at 03:34 PM

    Thanks so much for your response, this is exactly what I need. Your instructions on cloning seem to walk me through how to embed this into a new form, but what if I need to embed it as a new field into an existing form?

  • Profile Image

    Answered by pinoytech on March 13, 2013 at 03:57 PM

    Hi Verge,

    Unfortunately, you can't embed/clone the fields from the demo form to your existing form but I can help you with that to achieve what you want.

    Here's what I did on my Demo Form

    1. Add image using image field which can be found under POWER TOOLS.

    2. I used radio button field for the choices and injected some custom css to hide tha label on it and adjust the width of the field. This are the codes:

    .form-label-top {

    display: none;

    }

    .form-multiple-column, .form-single-column {

    width: 170px !important;

    }

    If you need further assistance, do let us know.

    Thank you!

  • Profile Image

    Answered by Verge on March 13, 2013 at 05:45 PM

    Will this CSS effect any of my other fields in the form? I need this scenario to work for only 2 of my questions in my form.

  • Profile Image

    Answered by Verge on March 13, 2013 at 05:49 PM

    Yeah it looks like it makes all of my field titles disappear. How would I make it only mask the title for those particular fields?

  • Profile Image
    JotForm Support

    Answered by Mike_T on March 13, 2013 at 06:44 PM

    If you do not need to have any text on the labels, you can add the space HTML codes to them -  

    Alternatively, we can help you with the CSS to hide some specific titles. If you would like to use this option, please provide us with the link to the form in question.

    Thank you.

  • Profile Image

    Answered by Verge on March 14, 2013 at 11:21 AM

    Ok yes I think the &nbsp tag will work there to hide the question. However, I've dropped in the CSS you sent me and only included this portion since we aren't useing CSS to hide the question anymore:

    .form-multiple-column, .form-single-column {

    width: 170px !important;

    }


    But the columns are not lining up after I drop that CSS in? For instance, I have the columns set to 3 and when I don't drop this code in, they line up in 3 columsn (although not spaced correctly since we don't have the CSS in) and when I drop in the CSS, they collapse into 1 column? Does that make sens? Here is a link to my form so far: http://www.jotform.com//?formID=30515311904140

  • Profile Image
    JotForm Support

    Answered by Welvin on March 14, 2013 at 12:33 PM

    Hi Verge,

    You can simply use Field Positioning and minor adjustments using custom CSS injections. I have clone your form and made this adjustments for you.

    Form: http://www.jotformpro.com/form/30725045166955?

    Injected CSS Codes: http://pastie.org/6494599

    Feel free to clone this form using this guide: How to Clone a Form from a Web Page

    Should you have any questions, let us know.

    Thanks

  • Profile Image

    Answered by Verge on March 14, 2013 at 06:26 PM

    This is great. However I have a couple of other things I need. I need for this whole section to be required, but I don't need each column to be required. Meaning, I need a person to choose one of these radio stations when they come to this form, and not an option from each column. The other thing I need is an "other" option but I don't need it to be in any of the colmns. I need it to be seperated somehow from the options the columns. Does that make sense? Here is the form I'm working from now after cloning your last version: http://www.jotform.com//?formID=30727249390154

    Here is a screenshot of what I need:

    http://radiochanged.com/wp-content/uploads/2013/03/Screenshot_3_14_13_5_20_PM.jpg

  • Profile Image

    Answered by pinoytech on March 14, 2013 at 07:39 PM

    Hi Verge,

    Can you please take a look at this clone form again? http://www.jotformpro.com/form/30715874679973

    If you like what I did, feel free to clone the form.

    Thank you!

  • Profile Image

    Answered by Verge on March 15, 2013 at 10:14 AM

    This is perfect! Thank you so much.

    I need to duplicate this field though because I need this same style question to show up again in the form. (See screenshot). When I went to duplicate it, it's putting some radio buttons above the logo pieces for the radio stations. Did I do something wrong by duplicating this field? Do you see those radio buttons there on the version of the custom field at the bottom of the screenshot?

    Also - Is there a way to add a "none" option to the 2nd field only? (not the first)

    Thanks so much for your help, you guys are great!

    Screenshot: http://realradioresearch.com/wp-content/uploads/2013/03/Screenshot_3_15_13_9_10_AM.png

  • Profile Image

    Answered by pinoytech on March 15, 2013 at 10:27 AM

    Hi Verge,

    I've fixed the issue of the said form for you and it should be working fine. Is there anything I can help you with?

    Have a great day!

  • Profile Image

    Answered by Verge on March 15, 2013 at 02:01 PM

    Thank you! Yes one more small thing. I'd like to add a "none" radio button under the "other" radio button but ONLY on the second field. Not the first field that you set up, but the second one. Can you do that?

  • Profile Image

    Answered by Verge on March 15, 2013 at 02:12 PM

    Also - Is there a quick and easy way to convert a field that is setup to be a dropdown to radio buttons instead? Or is the only way to delete the field and drop in a new one as radio buttons?

  • Profile Image
    JotForm Support

    Answered by Welvin on March 15, 2013 at 03:12 PM

    Hi Verge,

    Clone this form: http://www.jotformpro.com/form/30735477917969. With regards to the field type, you will have to delete and add them again.

    Thanks

  • Profile Image

    Answered by Verge on March 15, 2013 at 04:12 PM

    This last form you did is actually not correct.

    In my original message I said I needed the none field to ONLY show up in the second custom field on the form (the clone you sent doesn't even have a second field)

    It needs to be on the 3rd field on this form: http://www.jotform.com//?formID=30734513257148

    screenshot: http://realradioresearch.com/wp-content/uploads/2013/03/desktop-final.jpg

  • Profile Image

    Answered by Verge on March 15, 2013 at 05:17 PM

    I'm not sure what happened. My form was correct and then after I asked you to add the none field, the second field went away? I need two of those custom fields just like I'm showing in my screenshot but the SECOND one should havd a none option, NOT the first?

  • Profile Image
    JotForm Support

    Answered by Welvin on March 15, 2013 at 05:29 PM

    Hi,

    How about this form: http://www.jotformpro.com/form/30736283334958. Feel free to clone. And no, I didn't touch anything on your form. I just simply cloned it to my account and modify.

     

    Thanks

  • Profile Image

    Answered by pinoytech on March 15, 2013 at 06:33 PM

    Hi Verge,

    I've updated your form for you. Please take a look at this: http://www.jotform.us/form/30737175874160

    Is there anything I can help you with? Feel free to contact us again.

    Thank you!

  • Profile Image

    Answered by Verge on April 18, 2013 at 06:19 PM

    Hi, you guys made up a form for me in the string of messages before to add some radio station logos into a couple of my form questions for me. I went to the site today, and instead of the radio logos, there were images of puppets?? Like, and elepant and things like that??

    I quickly went into preferences to see if I could find the image URL to see if I could fix it, and when I clicked in the options box under preferences where the images were, they vanished? I'm not sure what is going on.. This is a big form that we've had a ton of submissions to, I'm not sure why we're haivng these problems. Can someone quickly look into this for me?

    Screenshot: https://www.evernote.com/shard/s49/sh/23a8edc0-73f1-4730-a305-e6b0db65202c/e4d4e2d558d969e1acd4fc9af2fe1b00/deep/0/Screenshot%204/18/13%205:16%20PM.jpg

  • Profile Image

    Answered by Verge on April 18, 2013 at 06:20 PM

    Here is what it looked like with the puppets: https://www.evernote.com/shard/s49/sh/c0e56a26-3458-49d1-a414-89a70d238af5/92e7653ec3dc10f552a4f88d12c1947d/deep/0/Screenshot%204/18/13%205:19%20PM.jpg

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 18, 2013 at 10:35 PM

    @Verge

    When I trace the image URL it seems like it was uploaded to one of my colleagues account, pinoytech. This is probably because you've cloned his form and his images are overwritten from his account. We can help you fixed this. Do you have the URL of those logos so we can replace the the wrong images to your form?

    We'll be looking forward to your reply. Thank you!