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

Antonio Tarricone replied to Bizz's discussion
Tip: Change + Custom Achievement Badges: UPDATED 15-06-20 WITH CODE + CUSTOM IMAGES
"thank you Bizz
just sent it to you
 "
yesterday
Antonio Tarricone and Bizz are now friends
yesterday
Suzie Nielsen replied to J.Ayvar's discussion
69 Tips for your Ning 3 thanks to John Bizley
"WOW! Thanks, John Bizley and thanks for posting all of these wonderful tips!
 "
yesterday
Ian knight liked Ana Massien's profile
yesterday
Garfield Archivist replied to ⚡JFarrow⌁'s discussion
Silly Simple Solutions #5: Inject Youtube Subscribe Button under Videos in Ning
"JFarrow, you're the best. Here is a pic to honor your generosity. I simply used div.left-panel on…"
Saturday
Ana Massien updated their profile photo
Saturday
Bizz replied to Bizz's discussion
Tip: Change + Custom Achievement Badges: UPDATED 15-06-20 WITH CODE + CUSTOM IMAGES
"Could you share the code you added so I can take a look, ive sent a friend request in case you…"
Friday
Antonio Tarricone replied to Bizz's discussion
Tip: Change + Custom Achievement Badges: UPDATED 15-06-20 WITH CODE + CUSTOM IMAGES
"yep, tried as per your tip and also double checked that the image was available at the link…"
Friday
Cindy Dean Mccoy replied to Anastasia_Ning_Support's discussion
Members online feature
"Well poo!  Sometimes it does not work.  I get "There are currently no logged-in members." and I…"
Friday
Cindy Dean Mccoy replied to Anastasia_Ning_Support's discussion
Members online feature
"Thank you! Thank you! Thank you!  We really need this feature."
Friday
J.Ayvar posted a discussion
 Some time ago Mr. John Bizley   kindly shared some amazing tips and every time I start a new…
Thursday
Bizz replied to Bizz's discussion
Tip: Change + Custom Achievement Badges: UPDATED 15-06-20 WITH CODE + CUSTOM IMAGES
"Did you copy the image into your file manager and then copy the link from the file manager for the…"
Thursday
More…

Meanwhile, you can check our social media channels