Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeDNN Open Source...DNN Open Source...Module ForumsModule ForumsIFrameIFrameCross Domain Dynamic Height SolutionCross Domain Dynamic Height Solution
Previous
 
Next
New Post
12/20/2007 1:28 PM
 

OK, this is not exacly a pure iframe solution but a viable workaround wrapping iframed content in a flash widget that allows for dynamic height and width across domains. It is a two step process for now (Create widget and add as  javascript) but I think the core team may be able to pick up the ball and run with this working solution...

http://www.widgetbox.com/widget/Order-IT is an example of  flash widget of an "iframed" storefront.

<script type="text/javascript" src="http://widgetserver.com/syndication/subscriber/InsertPanel.js?panelId=c035027d-1cb9-41e4-9274-e787bad3cf91"></script> 

Is the javascript one would enter in an html text box to include the iframed store in their site across domains without any gripes.   The widget will size itself dynamically and you can set up and pass parameters to the flash widget to override and set style over the content, pass vairables etc. 

The guys at widgetbox did some nice work and what you build and create as widgets can be ported and installed on: 

Blogger TypePad Blogger Post iGoogle Netvibes Pageflakes Piczo Orkut (OpenSocial) Hi5 (OpenSocial) Ning (OpenSocial) Widget Code

Below is a cut-n-paste from their developer faq's on how they did it.  Enjoy...

 

Widgets have the option of being sized dynamically, rather than the end user typing in a specific width and height in pixels.

Screenshot of the dynamic sizing checkbox

What it does
Widgets are hosted in an iFrame (for security reasons), and iFrames don’t naturally have the ability to resize themselves to nicely fit around their contents. Dynamic sizing attempts to size the iFrame to fit the contents.

How it works
When a dynamically-sized widget renders, Widgetbox’s Javascript listens for the widget’s HTML inside the iFrame to finish loading. Once loaded, the Javascript attempts to determine what the desired size of the HTML page. It then communicates back to the parent page, which adjusts the iFrame’s size. This communication is done using Adobe Flash.

How does it determine my widget’s size?
It looks at a combination of things. One thing to note is that it often chooses the narrowest possible width. In order to keep your widgets from being too skinny, try wrapping your widget’s content in a DIV and specify a width or min-width.

Does it work for both hosted and remote HTML widgets?
Yes. Though for remote HTML widgets you have to add some Javascript to your page, as explained here.

It’s not sizing my widget correctly!

  • Try wrapping your widget’s content in a DIV and specifying one dimension (either width or height). It’s easier for the Widgetbox Javascript to figure out one dimension rather than both.
  • Document.writes() are not yet supported. If your widget uses document.writes(), dynamic sizing probably won’t work correctly.
  • If your widget is a remote HTML widget, make sure you put the Widgetbox Javascript in your page.

Does it perform consistently across browsers?
In our tests it has. However, like all Javascript, there’s a chance that it won’t. If you find cases where it doesn’t, please notify support.

When I check “size dynamically”, why does my widget suddenly start requiring Adobe Flash?
The communication between the widget’s HTML page inside the iFrame and the parent page requires Flash. Using Flash is the only way to avoid cross domain scripting issues. This is very simple Flash. Flash is available on 98 to 99% of all web browsers, according to Adobe.

 
Previous
 
Next
HomeHomeDNN Open Source...DNN Open Source...Module ForumsModule ForumsIFrameIFrameCross Domain Dynamic Height SolutionCross Domain Dynamic Height Solution


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out