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
    MBWHS
    Asked 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
    BJoanna
    Answered 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.