Hi @ADT,
There's a bunch of different ways you can do this:
Using this HTML code as a starting point:
<embed src="copied_link" width="500" height="375" type='application/pdf'>
You can display a PDF in a site.
1) We could use the File Drop widget tutorial: https://www.frogcommunity.com/filedrop to read all files in a File Drop and display them using the above
2) We could use the code in Understanding APIs tutorial https://www.frogcommunity.com/understanding-api to read the contents of a folder and display using the above
3) @John Elliott posted this option on the old forum:
<style>
div.pdf_viewer { position: relative; padding-bottom: 130%; height: 0; overflow: hidden; }
div.pdf_viewer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style>
<script>
if (typeof PDF_To_Viewer !== 'object') { //just in case this is on multiple dashboards, only really want to instantiate it once.
PDF_To_Viewer = {
base_url: Frog.Utilities.getBaseUrl() + '/app/',
init: function(anchor) {
this.anchor = 'view_anchor_'+ Math.floor((Math.random() *10000) + 1);
$('#'+ anchor).attr('id', this.anchor); //allow this element ID to be re-used on other pages.
this.buckets = $('#'+ this.anchor).parents('div.sites_page').data('controllers').sites_page.page_pre_save_state.buckets;
this.find_link_to_file();
},
find_link_to_file: function() {
for (i=0; i<this.buckets.length; i++) {
for (uuid in this.buckets[i]) {
if (typeof this.buckets[i][uuid].widget.namespace == "widget.filelink") {//is this a link to file
this.is_a_pdf(i, uuid);
}
}
}
},
is_a_pdf: function(i, uuid) {
var context = {bucket: this.buckets[i][uuid], anchor: this.anchor};
$.ajax(this.buckets[i][uuid].prefs.resource_url, {type: "HEAD", context: context}).complete(function(xhr) {
if (xhr.getResponseHeader('Content-Type') == 'application/pdf')
PDF_To_Viewer.replace_with_viewer(this);
});
},
replace_with_viewer: function(data) {
var html = "<iframe src="https://docs.google.com/gview?url="+ encodeURIComponent(this.base_url + data.bucket.prefs.resource_url) +"&embedded=true" frameborder='0'></iframe>";
$('#'+ data.anchor).parents('.sites_page').find('div[data-content-uuid="'+ data.bucket.uuid +'"] div.widget_filelink').addClass('pdf_viewer').html(html);
}
};
}
</script>
<div id='something_somewhat_unique'></div>
<script>
PDF_To_Viewer.init('something_somewhat_unique');
</script>
4) @emoseley posted this idea:
5) And this one:
Thanks for posting this. I was wondering how best to share these. If you need me to elaborate on any of these (especially the top two), just let me know. From your original description, 2) seems the closest match, but... if youy check to Ideas Portal, Embed Doc Widget - Ability to embed a PDF Document within a site - http://ideas.frogcommunity.com/ideas/FRG-I-725 is actually marked as In Development
Hope something here helps
Graham
Graham Quince's post in Password expired causing problems was marked as the answer