How to adjust iFrame embed widget width on iPad?

  • maserafi
    Asked on June 5, 2019 at 4:28 PM

    I have an iFrame element in my form. It displays a google sheet. The width looks good on a desktop however on an iPad ithe width is squeezed like for a mobile phone. 

    Jotform Thread 1847549 Screenshot
    Page URL: https://form.jotform.com/91546957703164
  • jherwin
    Replied on June 5, 2019 at 5:21 PM

    Could you please try injecting this custom CSS code to the iFrame embed widget:

    @media screen and (min-width: 768px){
    iframe#customFieldFrame_28 {
        width: 700px!important;
        max-width: 800px!important;
    }}

    Guide: How-to-Inject-CSS-Codes-to-Widgets

    Please give it a try and let us know how it goes.

  • maserafi
    Replied on June 5, 2019 at 5:43 PM
    Made the change however I do not see a difference
    Sent from my iPad
    ...
  • jherwin
    Replied on June 5, 2019 at 6:02 PM

    I injected this custom CSS to your iFrame embed widget: 

    iframe {
    width: 100% !important;
    }

    Can you please check your form again?

     

  • maserafi
    Replied on June 5, 2019 at 6:43 PM
    That seems to have worked!!! Thank you.
    ...
  • maserafi
    Replied on June 6, 2019 at 10:43 AM
    If I may ask another question....is there a way to make the single and multiple choice select buttons larger? We have older members and they may be to small.

    ...
  • Jed_C
    Replied on June 6, 2019 at 11:45 AM

    I'll address your concern on a separate thread here https://www.jotform.com/answers/1848437 shortly.