Kirtika Patel
Top achievements
Rank 2
Rank 2
Kirtika Patel
asked on 22 Dec 2008, 07:33 AM
Hi Friends,
I am developing one application in which i am facing a big problem with multiple scrollbars, because of the splitter control. what i want to do in that application is to achieve the Header, Footer & content functionality without using the Master pages. So i decided to use the Splitter Control, but it place in more trouble (i.e. multiple scrollbars). i have tried to serach for this in forums & also tried the results in my application, but still i am not able to slove that problem.
Multiple Scrollbars: One is of RadPane & One is of Browser
ASPX Page
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
function resizePane(sender)
{
// For External Content using getExtContentElement()
// var splitter = sender;
// var pane = splitter.getEndPane();
// var height = pane.getExtContentElement().scrollHeight;
// splitter.set_height(height);
// pane.set_height(height);
// For Content using getContentElement()
var splitter = sender;
var pane = splitter.getEndPane();
var height = pane.getContentElement().scrollHeight;
splitter.set_height(height);
pane.set_height(height);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<table style="width: 100%; height: 100%">
<tr>
<td style="height: 15px">
<telerik:RadMenu ID="RadMenu1" runat="server" OnItemClick="RadMenu1_ItemClick">
<CollapseAnimation Duration="200" Type="OutQuint" />
<Items>
<telerik:RadMenuItem runat="server" Text="Content Page 1" Value="TooLongContent.aspx">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Content Page 2" Value="TooLongContent1.aspx">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
</td>
</tr>
<tr>
<td valign="top">
<telerik:RadSplitter ID="RadSplitter1" runat="server"
OnClientLoaded="resizePane" Height="100%" Width="100%">
<telerik:RadPane ID="RadPane1" runat="server" ContentUrl="TooLongContent.aspx" Width="">
</telerik:RadPane>
</telerik:RadSplitter>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadMenu1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadSplitter1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
</div>
</form>
</body>
</html>
Code Behind Page
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
namespace TelerikTesting.Splitter
{
public partial class Default1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void RadMenu1_ItemClick(object sender, Telerik.Web.UI.RadMenuEventArgs e)
{
RadSplitter1.GetPaneById("RadPane1").ContentUrl = e.Item.Value;
}
}
}
Looking for you earliest reply.
Thanks,
Bhavin
I am developing one application in which i am facing a big problem with multiple scrollbars, because of the splitter control. what i want to do in that application is to achieve the Header, Footer & content functionality without using the Master pages. So i decided to use the Splitter Control, but it place in more trouble (i.e. multiple scrollbars). i have tried to serach for this in forums & also tried the results in my application, but still i am not able to slove that problem.
Multiple Scrollbars: One is of RadPane & One is of Browser
ASPX Page
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
function resizePane(sender)
{
// For External Content using getExtContentElement()
// var splitter = sender;
// var pane = splitter.getEndPane();
// var height = pane.getExtContentElement().scrollHeight;
// splitter.set_height(height);
// pane.set_height(height);
// For Content using getContentElement()
var splitter = sender;
var pane = splitter.getEndPane();
var height = pane.getContentElement().scrollHeight;
splitter.set_height(height);
pane.set_height(height);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<table style="width: 100%; height: 100%">
<tr>
<td style="height: 15px">
<telerik:RadMenu ID="RadMenu1" runat="server" OnItemClick="RadMenu1_ItemClick">
<CollapseAnimation Duration="200" Type="OutQuint" />
<Items>
<telerik:RadMenuItem runat="server" Text="Content Page 1" Value="TooLongContent.aspx">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Content Page 2" Value="TooLongContent1.aspx">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
</td>
</tr>
<tr>
<td valign="top">
<telerik:RadSplitter ID="RadSplitter1" runat="server"
OnClientLoaded="resizePane" Height="100%" Width="100%">
<telerik:RadPane ID="RadPane1" runat="server" ContentUrl="TooLongContent.aspx" Width="">
</telerik:RadPane>
</telerik:RadSplitter>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadMenu1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadSplitter1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
</div>
</form>
</body>
</html>
Code Behind Page
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
namespace TelerikTesting.Splitter
{
public partial class Default1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void RadMenu1_ItemClick(object sender, Telerik.Web.UI.RadMenuEventArgs e)
{
RadSplitter1.GetPaneById("RadPane1").ContentUrl = e.Item.Value;
}
}
}
Looking for you earliest reply.
Thanks,
Bhavin
4 Answers, 1 is accepted
0
Kirtika Patel
Top achievements
Rank 2
Rank 2
answered on 23 Dec 2008, 09:18 AM
Hi Friends,
No one there who has worked on Splitter using ContentURL? Didn't anyone face this kind of problem?
Thanks,
Bhavin
No one there who has worked on Splitter using ContentURL? Didn't anyone face this kind of problem?
Thanks,
Bhavin
0
Hi Bhavin,
I built up a test project based on the provided information but I was not able to reproduce the described problem. I do not have your content pages and that is why I used the telerik web site to load it in the RadPane - please examine the attached project. Would you please test your content pages with a standard IFRAME element instead of a RadPane and RadSplitter? I assume that most probably you will reproduce the issue there - if so, please make the IFRAME behave as you want and after that just apply the same logic to the RadSplitter. In case you are able to get the desired result with the IFRAME but you experience troubles in the RadSplitter implementation, please prepare a sample demo which uses only IFRAME and not RadSplitter, open a new support ticket and send it to us along with detailed explanations and some screenshots. Once we receive it, we will make the RadPane behave as the IFRAME in your demo project.
Regards,
Svetlina
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
I built up a test project based on the provided information but I was not able to reproduce the described problem. I do not have your content pages and that is why I used the telerik web site to load it in the RadPane - please examine the attached project. Would you please test your content pages with a standard IFRAME element instead of a RadPane and RadSplitter? I assume that most probably you will reproduce the issue there - if so, please make the IFRAME behave as you want and after that just apply the same logic to the RadSplitter. In case you are able to get the desired result with the IFRAME but you experience troubles in the RadSplitter implementation, please prepare a sample demo which uses only IFRAME and not RadSplitter, open a new support ticket and send it to us along with detailed explanations and some screenshots. Once we receive it, we will make the RadPane behave as the IFRAME in your demo project.
Regards,
Svetlina
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Kirtika Patel
Top achievements
Rank 2
Rank 2
answered on 24 Dec 2008, 05:10 AM
Hi Svetlina,
It seem to be same code with some minor changes, So I have tried your code in my application but still the problem is same.
Thanks,
Bhavin
It seem to be same code with some minor changes, So I have tried your code in my application but still the problem is same.
Thanks,
Bhavin
0
Hello Bhavin,
Did you test the project Svetlina sent you - what was the result? In case you cannot reproduce the problem with that project, probably the cause for the multiple scrollbars you describe is in the page you load in the RadPane, not in the RadPane itself. The easiest way to test whether you have configured the TooLongContent page correctly, is to open it is a simple IFRAME element as Svetlina suggested.
In case you need additional help, please prepare and send us a simple running project, demonstrating the problem so that we are able to investigate what is causing it on our side.
Best wishes,
Tsvetie
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Did you test the project Svetlina sent you - what was the result? In case you cannot reproduce the problem with that project, probably the cause for the multiple scrollbars you describe is in the page you load in the RadPane, not in the RadPane itself. The easiest way to test whether you have configured the TooLongContent page correctly, is to open it is a simple IFRAME element as Svetlina suggested.
In case you need additional help, please prepare and send us a simple running project, demonstrating the problem so that we are able to investigate what is causing it on our side.
Best wishes,
Tsvetie
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.