Small width layout Medium width layout Maximum width layout Small text Medium text Large text
     Search
Downloads Downloads Directory Directory Forums Forums Forge Forge Blogs Blogs        Marketplace Marketplace Careers Program Careers
Community › Forums Register  |  

telerik -- supercharge your DNN websites
  Need Help?  
Professional technical support for DotNetNuke is available from DotNetNuke Corporation.
 


  Ads  
Active Modules -- Active Forums for DotNetNuke
 


  Sponsors  

Meet Our Sponsors

AspDotNetStoreFront - E-Commerce by Design - The Leading ASP.NET shopping cart platform for developers!
Click here to go to dev.live.com for Windows Live developer resources
SteadyRain
DataSprings - Great Ideas. Always Flowing.
R2integrated - formerly bi4ce
Jango Studios - Skins, Modules and Hosting for DotNetNuke
 


DotNetNuke Forums
 
  Forum  DotNetNuke® Pro...  Iframe Module [...  Cross Domain Dynamic Height Solution
Previous Previous
 
Next Next
New Post 12/20/2007 9:28 AM
User is offline Network Operations
49 posts
WWW.SMARTSOURCE-IT.COM
10th Ranked


Cross Domain Dynamic Height Solution 

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 Previous
 
Next Next
  Forum  DotNetNuke® Pro...  Iframe Module [...  Cross Domain Dynamic Height Solution
 


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, 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 DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.

 


Powered by Adcuent®.Com
Adcuent® Consulting & Technology offers custom development web applications and hosting projects under the brand of Powered by Adcuent®.Com
www.adcuent.com
Easily Build DNN Solutions with XMod
XMod makes it easy to build news articles, house listings, custom feedback forms, product reviews and much more - without programming
www.DNNDev.com
Software Development and Integration with DNN
HNP Solutions focuses on the pragmatic use of technology and process to meet an organization's business objectives. HNP Solutions employs seasoned Enterprise and Solution Architects, Delivery Managers and QA & Business Leads. Our capabilities range from project assessments & recommendations, design & code reviews, to full program implementations. We also work with organizations in need of senior staff augmentation purposes in the areas of Enterprise and Solution architecture.
www.hnpsolutions.com

DotNetNuke Corporation   Terms Of Use  Privacy Statement
DotNetNuke®, DNN®, and the DotNetNuke logo are trademarks of DotNetNuke Corporation
Hosted by MaximumASP