This is a migrated thread and some comments may be shown as answers.

Dynamic iFrame Height in RadAjaxPannel

5 Answers 175 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

Nahid asked on 29 Sep 2010, 03:40 PM

Hello,
I am developing a web application with ASP.NET 3.5 with C# and Telerik Ajax Control. I have a iFrame in my master page. Application load other pages in iFrame dynamically and iFrame height adjust the dynamically when page load. I uses RadScriptManager , RadAjaxPannel, RadAjaxLoadingPannel in my page. The problem is when "call back" the page, iFrame height not adjust dynamically.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head" runat="server">

<title></title>

<script type="text/javascript" language="JavaScript">

function setSize(elem) {

var the_height;

the_height = elem.contentWindow.document.body.scrollHeight;

elem.height = the_height; // Its works fine in IE, Chrome, Safari but not work in FF and opera

}

</script>

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>

</head>

<body id="Page_Master" runat="server" >

<form id="formMasterPage" method="post" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" AsyncPostBackTimeout="500">

</telerik:RadScriptManager>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%" >

<div id="MainPage">

<div class="Header">

</div>

<div id="ContentHolder">

<div id="Content">

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

<iframe id="IFrameMaster" name="IFrameMaster" scrolling="auto" width="998px" style=" min-height:500px;" allowtransparency="true" frameborder="0" runat="server" >

</iframe>

</div>

<div id="Footer">

</div>

</telerik:RadAjaxPanel>

</form>

</body>

</html>

Serverside Code :

// This code used in Page_Load Method and other methods depends on condition.

IFrameMaster.Attributes["src"] = "UIHome.aspx";

// This line used only Page_Load Method

IFrameMaster.Attributes.Add("onload", "javascript:setSize(this)");

How can I set iFrame height dynamic.

Thanks

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Dynamic iFrame Height in RadAjaxPannel

5 Answers, 1 is accepted