Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 29, 2014 at 4:38 pm #372629
    Asterios

    Hello to the team!

    I would like to open an interactive PDF File and some html content in a modal popup from a button but I couldn´t find a solution.
    Could you maybe help me with this?

    As I have read in the support forum, there are many clients who would like to have this as an option in the theme.
    Others already offer that in their themes even with animations e.g. http://themes.damojothemes.com/?theme=miami_wp

    Is there any “hope” for us too in the near future?

    Best regards
    Asterios Georgiou

    • This topic was modified 9 years, 10 months ago by Asterios.
    December 29, 2014 at 5:32 pm #372667
    Elliott

    Hey koelnermusikakademie!

    When you create your button or link add a “?iframe=true” to the end of it like so.

    <a href = "http://www.yoursite.com/sample.pdf?iframe=true">Click me</a>

    That should load the PDF into a popup when clicked on.

    Best regards,
    Elliott

    • This reply was modified 9 years, 10 months ago by Elliott.
    December 29, 2014 at 10:38 pm #372867
    Asterios

    Hello Elliot,

    thanks for the reply.
    The popup works but there is no content visible. Any ideas?

    Best Regards
    Asterios Georgiou

    Site: http://test.koelner-musikakademie.de/anmeldung-und-gebuhren
    (Check the “Anmeldung” button)

    December 29, 2014 at 10:51 pm #372879
    Elliott

    Hey!

    It’s loading fine on my end. What browser are you using?

    Try clearing your browser cache and view again.

    Cheers!
    Elliott

    December 29, 2014 at 11:01 pm #372888
    Asterios

    You are right, it does work.
    It was the cache…
    One more question:
    Would it be possible to change the size of the popup window, e.g. make it bigger?

    Thank you for your support and help.
    Asterios Georgiou

    December 29, 2014 at 11:06 pm #372892
    Elliott

    Hi!

    Add this to a codeblock element in the page.

    <style type = "text/css">
.mfp-iframe-holder .mfp-content { max-width: 1200px !important; }
</style>

    Cheers!
    Elliott

    December 29, 2014 at 11:34 pm #372911
    Asterios

    Now it is fine, thank you and all the best!

    Asterios Georgiou

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘PDF and HTML in modal Popup’ is closed to new replies.