Lightbox Form is not responsive

  • Profile Image
    Hgna
    Asked on October 05, 2016 at 04:21 AM

    it is very disappointing that after almost two years of encountering this issue, Jotform has not yet made lightbox responsive. any progress on that front would be highly appreciated - if not an automated fix then at least a ready-to-copy media query code standard which one could then adjust according to width and height etc.



    This is a re-post of a comment on Deprecated: How to make mobile friendly forms on JotForm

  • Profile Image
    aytekin
    Answered on October 05, 2016 at 04:27 AM

    Thank you for reporting the issue. I was able to re-create it on my browser:

    I have reported the problem to our developers. They are going to work on this. We will get back to you when this bug is fixed. 

    Thanks for your incredible patience. 

  • Profile Image
    stonehillcollege
    Answered on January 31, 2017 at 01:29 PM

    try this article, it has been working great for me (add in or replace your current code with the orange code below:

    https://www.jotform.com/answers/682431-Feedback-Button-form-is-not-responsive

    <script src="https://form.jotform.com/static/feedback2.js?3.3.REV" type="text/javascript">var parentWidth = window.innerWidth;if(window.innerWidth <= 499) {parentWidth = window.innerWidth-100;} else {parentWidth =  500;}console.log(parentWidth); new JotformFeedback({ formId: "63160537004951",buttonText: "Message Contact Form",base: "https://form.jotform.com/",background: "#F59202",fontColor: "#FFFFFF",buttonSide: "left",buttonAlign: "center",type: false,width: parentWidth,height: 500 });</script>

  • Profile Image
    Scott
    Answered on February 24, 2017 at 06:12 AM

    Hey Hans & Lauren,

    Our UI developers fixed this situation, where the lightbox embedded forms were not responsive.

    You do not need any workarounds anymore. And also, since the lightbox embed code's updated through fetched JS files, you do not need to re-embed anything again. It should just work as responsive, still when you delete the workaround CSS codes.

    We will be still waiting for your response and feedback,

    Cheers.