Lightbox: Customize format

  • Profile Image
    evancorylevine
    Asked on February 22, 2018 at 04: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

  • Profile Image
    aubreybourke
    Answered on February 22, 2018 at 05: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>

  • Profile Image
    aubreybourke
    Answered on February 22, 2018 at 05: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>

  • Profile Image
    evancorylevine
    Answered 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.

  • Profile Image
    evancorylevine
    Answered 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.

  • Profile Image
    ashwin_d
    Answered on February 23, 2018 at 03: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.