Lightbox: Customize format

  • dotrose
    Asked on February 22, 2018 at 4:01 PM

    I'd like to have a lightbox open on my page which does not scroll. It should contain the entirety of my small form without scrolling. I'd also like to remove the border and make the background partially transparent.

    How may I go about this?

    Thank you!

    Evan

  • aubreybourke
    Replied on February 22, 2018 at 5:25 PM

    Modify your lightbox code as follows. The yellow part is the part I have changed. Type 1 is the border. And the height value was increased so there is no need to scroll down.


    <script src ="https://form.jotform.com/static/feedback2.js" type="text/javascript"></script><script type="text/javascript">

            var JFL_80516237737157 = new JotformFeedback({
              formId: '80516237737157',
              base: 'https://form.jotform.com/',
              windowTitle: 'Stay Up To Date About My Record!',
              background: 'rgba(255,255,255,0)',
              fontColor: '#FFFFFF',
              type: '1',
              height: 750,
              width: 700,
              openOnLoad: true
            });
        </script>

  • aubreybourke
    Replied on February 22, 2018 at 5:37 PM

    I forgot the transparency:


    <script src ="https://form.jotform.com/static/feedback2.js" type="text/javascript"></script><script type="text/javascript">
            var JFL_80516237737157 = new JotformFeedback({
              formId: '80516237737157',
              base: 'https://form.jotform.com/',
              windowTitle: 'Stay Up To Date About My Record!',
              background: 'rgba(255,255,255,0)',
              fontColor: '#FFFFFF',
              type: '1',
              height: 750,
              width: 700,
              openOnLoad: true
            });
        </script>

    <style>

    div{
    opacity: 0.8
    }
    </style>

  • dotrose
    Replied on February 22, 2018 at 10:09 PM

    Thank you so much, Aubrey!! The border looks great! Unfortunately, it seems the longer I make it, the more it just wants to scroll into nothingness. Is there a way to set it so that the height is dynamic to the text and screen size, and that there will never be a scrollbar? Also, the opacity didn't work.

    Thank you so much for the help.

  • dotrose
    Replied on February 22, 2018 at 10:58 PM

    i ended up taking another route and just setting up my page to forward to my jotbox form, rather than embedding it. and I'm contented with that.

  • Ashwin JotForm Support
    Replied on February 23, 2018 at 3:49 AM

    If you embed your form again in your webpage, we can take a look at the scrolling issue but please note that it is not possible to change the height of the lightbox window.