Hello Everyone : )
Learn how to embed a PDF when using a database collection of uploaded documents. It is fast & easy.
Link to Tutorial site: https://codequeen.wixsite.com/embed-pdf
Link to Video: https://www.youtube.com/watch?v=VCE2FnnAwwQ
Important forum update
This forum is migrating to one unified Wix community forum starting July 26th, and will be read-only during the process.
Wishlist Page is the official platform for requesting new features. You can vote, comment, and track the status of the requested features.
Hi @Code Queen Nayeli ,
Thanks for the explanation. I have one post at https://www.wix.com/corvid/forum/community-discussion/can-i-link-read-more-of-repeaters-created-on-data-collection-to-wix-pdf-viewer-so-that-user-can-read-view-pdf-over-website-page-itself-1
This is what I wanted to achieve using Wix but through comments I got to know that its not possible using Wix.
Then I got your post on this forum and watched your youtube video. It was very nice explanation.
If you could please let me know what is "#linksource" here , which link I need to put here.
import wixData from 'wix-data';
import wixLocation from 'wix-location';
let src;
$w.onReady(function () {
$w("#dynamicDataset").onReady( () => {
src = $w("#linkSource").link;
let name = src.split("/")[4];
let url = src.split("/")[3];
$w("#html1").src = `https://docs.wixstatic.com/ugd/${url}?`;
});
});
export function downloadButton_click(event, $w) {
let name = src.split("/")[4];
let url = src.split("/")[3];
wixLocation.to(`https://docs.wixstatic.com/ugd/${url}?dn=${name}.pdf`);
}
Thanks in advance @Code Queen Nayeli
Regards,
Queen... need your help with something.
Hi Code Queen,
Thanks so much for this tutorial (and for all your others) - they're so so helpful!
Please can you offer any assistance below? I've copied your code and believe I have installed correctly but I cannot get the PDF to show in the HTML iFrame...
Thanks in advanced,
C
Test Site: https://uk2good.wixsite.com/website-2/class/example-event-1
Screenshot:
Code:
import wixData from 'wix-data'; import wixLocation from 'wix-location'; let src; $w.onReady(function () { $w("#dynamicDataset").onReady( () => { src = $w("#linkSource").link; let name = src.split("/")[4]; let url = src.split("/")[3]; $w("#html1").src = `https://docs.wixstatic.com/ugd/${url}?`; }); }); export function downloadButton_click(event, $w) { let name = src.split("/")[4]; let url = src.split("/")[3]; wixLocation.to(`https://docs.wixstatic.com/ugd/${url}?dn=${name}.pdf`); }
Hallo Nayeli ,
HTML input Address , Code ?
which linke ,Code?
Tanks
Awesome Tutorial Nayeli! :)
👏👏👏👏👏
WOW! So cool! Exactly what I needed for a long time!