FlipLink.me

Product details
marco799marco799
marco799PLUS
Feb 12, 2024

Q: Hello Sumit, it is fun to work with your app.

CNAME and all the individualisation works fine, also embedding the flipbook on the site.

1)
Is there another code snipped I could try on the website to fit the height of the flipbook to the size of the screen on desktop?

Following is an actual excerpt of the snipped, which seems to be fixing the height to 700px:
...width="100%" height="700" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

2)
At present the download link of the embedded flipbook does not work. But clicking the link for printing is automatically downloading the pdf, which then could be printed.

Do you have any idea why the download doesn't work?

Best regards

Founder Team
hisumit

hisumit

May 14, 2024

A: Hello marco799,

Thank you for your questions here.

and I am glad to here you have experienced the features of fliplink and it is fun and simple to use;
we kinda of worked it in details; but I Still have things that need improvement and feature additions :) you will have them real soon.

Allow me to answer your questions 1-1
1)Is there another code snipped I could try on the website to fit the height of the flipbook to the size of the screen on desktop?
Following is an actual excerpt of the snipped, which seems to be fixing the height to 700px:
...width="100%" height="700" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Got it; as you can see, the width is 100% in the snippet , and height is fixed, you can try changing the height to 100%, and check if that works good for you. OR send the link where you have embeded the link and I will try to debug and provide you a solution.
2) At present the download link of the embedded flipbook does not work. But clicking the link for printing is automatically downloading the pdf, which then could be printed.
Do you have any idea why the download doesn't work?

currently having some issue with the download link on safari, and something related to "cross origin" and safari is denying that. We are have already found the fix, it needs to be deployed. Expect it to be deployed with a few days along with some other features and changes.

Appreciate for your early support on fliplink

Hope this helps!
Sumit :)

Share
Helpful?
Log in to join the conversation

Verified purchaser

Thank you Sumit for your fast reply,

To point 1:

Yes, I have tried height=100% to achieve full height on every device, but this apparently does not help with the HTML widget inside an elementor container.
Instead I used a class with following adapted HTML and custom CSS snippets, which work fine:

HTML

<div class="responsive-iframe-container">
<iframe title="YOUR DOCUMENT FLIPLINK TITLE" src="https:// YOUR DOCUMENT FLIPLINK URL" allowfullscreen="allowfullscreen"></iframe>
</div>

CSS

.responsive-iframe-container {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 100vh;
}

.responsive-iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

To point 2:
You are right, this is a Safari thing. As a workaround, I will only use the print function for the time being to avoid confusion. This also enables the download in Safari, which is used by many of our customers.
I would be thankful for a quick announcement when you found a solution for the download link.

Best regards