JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

How to Add an iFrame to New Page or Text Box

Would you like to display the content of your blog, main website, or another website page - - within your Ning Network?

Did you know you can do this by pulling in an external web page via an iframe? See iframe definition below. Basically, an iframe enables you to display content within your site, from another site.

If you own the external web page or have permission to display it's content on your site, you can display the web page via an iframe, in a new page or a Ning text box.

Instructions for Adding iFrame via a New Page:

Create a new page from: http://yourningsite.ning.com/page/page/new
- Replace yourningsite with the name of your Ning Network.
- Add your page title. Keep in mind, the title is part of the URL/Link to your page.
Add the iframe code using this example:

src is where you enter the URL of the external content.
Width and Height specifies the width and height of your iframe. On the height, use pixels and not percentage. The 1000 in the example indicates pixels.
scrolling="value" yes or no - - scrolling will hide the scroll bars when needed, making the iframe look seamless within your page. Be sure to not hide the scroll bars, if the user cannot see the entire screen of external content.
frameborder - Specifies whether or not to display a border around an iframe, 0 = No and 1=Yes. Using this attribute helps in making the iframe content look more seamless.
</iframe> - closes your iframe.

Important Tips:

Some platforms like Ning, do not allow iframing content. In other words, you can not add a Ning page/URL to an iframe.
Be sure that you either have permission to iframe content from another website, or you own the content.
You can also use the iframe code in Ning text boxes.

What is an iframe?
An HTML structure that allows another HTML document to be inserted into an HTML page. The iFrame is set up as a window frame of a specified size that scrolls along with the rest of the page, but the iFrame's content can itself be scrolled if it is larger than the iFrame window.
Source: http://www.pcmag.com/encyclopedia_term/

0 members favorited this

Replies to This Discussion

Permalink Reply by ISN (Yshatar) on March 16, 2010 at 2:38pm

This is awesome...thank you

Permalink Reply by JenSocial on March 16, 2010 at 3:02pm

Happy you like it!
;-)

Permalink Reply by V.I. on March 21, 2010 at 7:28pm

Hey Jen...

How can I get the iframe to work in the group text box? For some reason, the iframe resizes to a little box. I hope you have it figured it out lol....

Permalink Reply by JenSocial on March 22, 2010 at 12:59pm

An iframe may not work in a group text box. I will test today, and get back to you. If you go back in to edit the text box, is the iframe code still there? If yes, that's a good sign.
Best,
Jen

Permalink Reply by V.I. on March 25, 2010 at 9:53pm

How did you go? No luck on this side :(

Permalink Reply by JenSocial on March 25, 2010 at 9:58pm

So sorry, I forgot. Give me a minute and I'll test on a test network. We're trying to add to the main text box of a group? Is that correct?

Permalink Reply by JenSocial on March 25, 2010 at 10:06pm

It worked for me. I added this code to a Group Text Box - main text box of the Group.
<iframe src="http://www.yahoo.com" width="100%" height="1000" scrolling="no" frameborder="0"></iframe>

Course, in my example the yahoo page was too wide, and I would have to add scrolling="yes".

Permalink Reply by V.I. on June 15, 2010 at 7:50pm

Sorry for the late reply.... but THANX HEAPS JEN!!! I got it to work finally... thanx 2 ya!!!

Permalink Reply by JenSocial on June 15, 2010 at 8:03pm

Excellent!

Permalink Reply by moparcars on July 19, 2010 at 6:58am

Hello all here we tried to integrate our backend application " www.webpmspro.com " on this Ning.com Testingplatform : http://kenyasafariholidays.ning.com/page/manage-your-property , all works perfect even we could customize the page layout to the space that our application needs as min. requirement.
But there is one problem , it seems that Ning.com Platforms has a problem with web-based application that use in some section of the application " AJAX Technology " in case of automatically update of pages instat to click a " GO -Button " , can someone help us or did anyone has any expierence with integration of such application by using " IFRAME " ?
Will be glad to find someone here ..that can help or has any idea how to solve the problem .
with nice regards Juergen

Permalink Reply by Phuze'mthonjeni on January 31, 2011 at 2:55am

Hi Jen

I need to add partners text box on the main page of www.phuzemthonjeni.com. I need logos to scroll automatically. Can I use iframe as explained here to do that?

Permalink Reply by JenSocial on January 31, 2011 at 6:44pm

The iframe won't scroll automatically. Most people use the marquee tag. It's deemed to be deprecated, but many people still use it, including myself.

http://jensocial.com/page/add-text-images-and-hyperlinks

http://jensocial.com/group/ningnetworktips/forum/topics/add-scrolli...

Best Regards,

Jen