Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 20, 2018 at 12:47 pm #1012263
    TanSmi

    Dear Kriesi,

    I was searching a solution for having an external link opened in a lightbox and I happily found the solution in the forum with prettyPhoto.
    Unfortunately the content of the external site is cropped when it is opened on the right side.
    My link was like this:
    Jetzt Buchen

    I put 100% as I thought this would solve the problem but it didn’t. Any ideas?

    September 20, 2018 at 2:32 pm #1012331
    Rikard

    Hey TanSmi,

    Thanks for the link, is that the content which you are including in the lightbox? Where can we see the results on your site?

    Best regards,
    Rikard

    September 20, 2018 at 3:09 pm #1012351
    TanSmi

    Hi Rikard,
    thats actually the link as I implemented it. If you click on it, you will see what I mean…
    For the moment I have the site only locally here on my computer, so I can’t offer another link, sorry.
    Thanks for your help!

    September 20, 2018 at 3:13 pm #1012353
    TanSmi
    This reply has been marked as private.
    September 21, 2018 at 4:58 am #1012619
    Rikard

    Hi,

    Thanks for the clarification, though I can’t see anything cutting off on the link you posted. Could you post screenshots of the problem please?

    Best regards,
    Rikard

    September 21, 2018 at 2:24 pm #1012785
    TanSmi

    Hi Rikard,
    I send you the link where I uploaded a screenshot in private content. Here you can see that on the right side of the screenshot for example the button “Details” is cropped
    Thanks for your help,
    Tanja

    September 23, 2018 at 11:28 am #1013279
    TanSmi

    Hello everybody,

    I found a solution that works for me with viewport units and scaling in this feed:
    https://kriesi.at/support/topic/adjust-pop-up-frame-size-and-colour/

    I adapted the css to my needs (at full screen, for mobile I have to adapt it again):
    div.mfp-iframe-scaler {
    width: 70vw;
    height: 90vh !important;
    }

    iframe {
    -moz-transform: scale(0.80, 0.80);
    -webkit-transform: scale(0.80, 0.80);
    -o-transform: scale(0.80, 0.80);
    -ms-transform: scale(0.80, 0.80);
    transform: scale(0.80, 0.80);
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    }

    So now the complete iframe is visible.

    Thanks, Tan

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