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

    Radio button not appearing correcly when inserted on website

    Asked by landregsearches on November 06, 2012 at 06:47 AM

    Hello,

     

    I have a radio button on the 4 page on my form called "Dispatch Date", on my jot form account it appears as it should with the text left algin and each option appearing on 1 stright line.

    But when I look at the form on the website it is messed up and doesnt appear correctly. How do I change this?

     

    Thanks in advance

    Page URL:
    http://www.santaspostoffice.co.uk/#/order-letter-from-santa/4570367157

  • Profile Image

    Answered by moonzkie on November 06, 2012 at 06:49 AM

    Hi,

    Can you please try to re-embed your form using an iFrame code? To get your form's iFrame code, please follow the steps below:

    1.  Go to Setup & Embed tab
    2.  Click Embed Form
    3.  Click iFrame

    Just let us know if this doesn't work so that we can further assist you.

  • Profile Image

    Answered by on November 06, 2012 at 07:00 AM

    Hello,

     

    Thank I have tried that but it's still the same.

     

    Regards,

  • Profile Image
    JotForm Support

    Answered by idarktech on November 06, 2012 at 08:02 AM

    Hi,

    You have this on your form's injected css codes, this code is used for all radio fields globally.

    .form-radio-item {

    width: 25%;

    }

    To fix this, simply append this code to your form:

    #id_14 .form-radio-item {

    width: 100%;

    }

    This is to restore the affected width on the "Dispatch Date" field.

    Thanks!