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

Sumatosoft shared a profile on Facebook
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
USEFUL COLOR CODES FOR THEME CREATORS TO INSERT INTO HTML
"you are welcome"
Sunday
Mystical replied to Rosas † Negras's discussion
USEFUL COLOR CODES FOR THEME CREATORS TO INSERT INTO HTML
"Works perfect!! Thank you =)"
Sunday
Rosas † Negras replied to Rosas † Negras's discussion
Ning 3.0 !How to create a test page for themes, also applies to changing themes to all groups
"you are welcome, I am happy that it was useful"
Sunday
Mystical replied to Rosas † Negras's discussion
Ning 3.0 !How to create a test page for themes, also applies to changing themes to all groups
"Thank you for sharing. I just added the test page to my website and it worked perfectly. Great…"
Sunday
Mystical and Hippy are now friends
Sunday
Rosas † Negras posted a discussion
<link rel="stylesheet" type="text/css" href="ADD YOUR CODES IN CSS FORMAT" /> 
Saturday
Anna Solano updated their profile
Friday
Oriel and Hippy are now friends
Friday
Eva updated their profile
Thursday
Eva and Hippy are now friends
Thursday
Tracy Cook updated their profile
Jan 18
More…

Meanwhile, you can check our social media channels