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

    Also is there a way of getting the Dass21 radio buttons to appear on a phone the same way they do on the screen?

    Asked by MBWHS on August 04, 2016 at 06:46 AM
    Also is there a way of getting the Dass21 radio buttons to appear on a phone the same way they do on the screen?
  • Profile Image
    JotForm Support

    Answered by BJoanna on August 04, 2016 at 07:11 AM

    If I understood you correctly, you would like that radio button options are shown in same row on mobile devices as well. To achieve that please add this CSS code to your form: 

    @media screen and (min-width: 250px) and (max-width:420px){

    #cid_112 span.form-radio-item, #cid_113 span.form-radio-item, #cid_114 span.form-radio-item, #cid_115 span.form-radio-item, #cid_116 span.form-radio-item, #cid_117 span.form-radio-item, #cid_118 span.form-radio-item, #cid_119 span.form-radio-item,

    #cid_120 span.form-radio-item, #cid_121 span.form-radio-item,

    #cid_122 span.form-radio-item, #cid_123 span.form-radio-item,

    #cid_124 span.form-radio-item, #cid_125 span.form-radio-item,

    #cid_126 span.form-radio-item, #cid_127 span.form-radio-item,

    #cid_128 span.form-radio-item, #cid_129 span.form-radio-item, #cid_130 span.form-radio-item, #cid_131 span.form-radio-item,

    #cid_132 span.form-radio-item

    {

        width:50px!important;

     

    }}

    How to Inject Custom CSS Codes

     

    After you add mentioned CSS code your form will look like this on mobile devices. 

    Here is my demo form: https://form.jotform.com/62162734856966 

    Feel free to test it and clone it

    Hope this will help. Let us know if you need further assistance.