Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 5, 2019 at 2:11 pm #1134420
    Gabster

    Hey there,

    thanks for the great theme – I love it. I have found that there is a waqy to open a modal with a link:

    <a href="http://kriesi.at/?iframe=true" rel="lightbox">Click me to open in lightbox</a>

    Can I set the width&height within the link call?

    And would there be a way to disable the close function when you click anywhere on the screen? We have a form in the modal and if you close it by mistake you loose all data ;-)

    September 7, 2019 at 11:34 pm #1135519
    Mike

    Hey Gabster,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    div.mfp-iframe-scaler  {
height: 150vh !important; 
width: 100vw !important;
}
.mfp-iframe-scaler iframe {
    left: -15vw !important; 
    width: 90% !important; 
    height: 90% !important; 
}

    this will open the modal almost full screen, please feel free to adjust to suit.
    Page IDs or classes can be added to target certain modals.

    Best regards,
    Mike

    September 9, 2019 at 12:14 pm #1135940
    Gabster

    Thanks Mike – great support!

    Is there also any idea about this one: “And would there be a way to disable the close function when you click anywhere on the screen? We have a form in the modal and if you close it by mistake you loose all data ;-)” Also not sure if the modals content should reload at all when it is closed/opened again.

    Gabriel

    September 10, 2019 at 4:44 am #1136321
    Mike

    Hi,
    Sorry I tried to research this but couldn’t find a solution, the closest I found was:

    jQuery('.mfp-wrap').magnificPopup({
        type: 'inline',
        disableOn: 767,
        closeOnBgClick:false,
        closeBtnInside:true,
    });

    but it doesn’t work nor any adjustments I applied.
    You could change the css above from 90% width to 100% width, that would leave no place for the user to click, but then I’m not sure what the advantage is to using a popup over a new page?
    Yes, the modal’s content should reload on open because it’s the same as opening a new tab.

    Best regards,
    Mike

    September 11, 2019 at 3:04 pm #1137068
    Gabster

    Thanks again I will check. In our case a modal is best to not interrupt the customer journey. We have a fundraising form inside and want to keep the people on the landing page all the time. However when by mistake someone closes the modal all data is lost…

    September 12, 2019 at 2:23 am #1137318
    Mike

    Hi,
    Perhaps you could try using the accordion element and putting your form in it. I tested this on my localhost and opening and closing the accordion didn’t lose the form data.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.