Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

So you want to embed a PDF document full screen inside a page on your community.  Example (as you can see... no ads)

Here is what you need to do.

1) First upload your PDF to issuu.com

2) While that is uploading, Start a page on your community  and add the following code into the page in HTML view:

<style>
.embed-box {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.embed-box iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
</style>
<div class="embed-box"><iframe width="525" height="340" src="//e.issuu.com/embed.html#0/8544457" frameborder="0" allowfullscreen></iframe></div>

    NOTE: For 2.0, the STYLE tag must go down inside the custom code section under "Manage title and meta tags manually"

    NOTE: The Red portion of the code above will be replaced with the number generated in step 3 

3)  Head back over to issuu where you just uploaded your document and generate an embed code like so, copy only the portion of the code indicated below and replace it with the RED portion above.

Done

Related Post:

Silly Simple Solutions #1: Doing stuff with PDFs

Let me know if you need any help with your Ning Community Whatsoever

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Disha Rush updated their profile
yesterday
Marly posted a discussion
Is there anyway to make comments from one member's profile to another appear on the activity feed.…
Thursday
Josef Essberger updated their profile photo
Jun 25
kostasgr liked Alex - Rosas † Negras's discussion I want to thank JOHN BIZLEY ( BIZZ) for his invaluable help, active icons on the Ning bar,CODES ADDED
Jun 13
Daniel J. Wilford updated their profile
Jun 12
Pam Givens posted a discussion
HiIs there a way to post photos that won't go onto my page.  We just had a great conference and all…
May 31
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Styling Groups with New Design Studio with CSS and a Swift Hack
"nice assist
 "
May 19
⚡JFarrow⌁ replied to Alex - Rosas † Negras's discussion
I want to thank JOHN BIZLEY ( BIZZ) for his invaluable help, active icons on the Ning bar,CODES ADDED
"nice tip!"
May 16
Brandon Cameron updated their profile
May 11
John Hodge updated their profile
May 9
John Hodge updated their profile
May 2
Rhonda replied to ⚡JFarrow⌁'s discussion
Time Saver: Your RSS Feeds for Location Tags on Ning
"Hi JFarrow,
I was wondering if you had a code for birthdays. I accidentally deleted the code that I…"
Apr 30
More…

Meanwhile, you can check our social media channels