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

RadPanelbar inside RadAjaxPanel

1 Answer 106 Views

PanelBar

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

Johnny asked on 09 Mar 2012, 03:18 AM

hi if the RadPanelBar is inside RadAjaxPanel on each postback the panelbar not exapnded fully its hanging on top
when i click on the RadPanelbar then only it exapnded
why this thing happening
how to solve this problem?
this is my aspx , i set the height and width for table "maintable" at client side

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Test.aspx.vb" Inherits="Test" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!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 runat="server">

<title></title>

<style type="text/css" >

html,body,form

{

padding:0px;

margin:0px;

width:100%;

height:100%;

}

</style>

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

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

window.onload = SetTableHieght;

window.onresize = SetTableHieght;

function SetTableHieght() {

var windowHight = $(window).height() - 100;

var windowWidth = $(window).width() - 100;

$("#maintable").attr("style", "height:" + windowHight.toString() + "px;width:" + windowWidth.toString() +"px;");

}

function OnResponseEnd(sender, args) {

SetTableHieght();

}

</script>

</head>

<body >

<form id="form1" runat="server">

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

</telerik:RadScriptManager>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" BorderColor="Orange" ClientEvents-OnResponseEnd="OnResponseEnd" Height="100%" Width="100%">

<table cellpadding="0" cellspacing="0" id="maintable" >

<tr>

<td style="height:100%;width:100%;" >

<telerik:RadPanelBar ID="SidePanelBar" Height="100%" Width="100%" runat="server" ExpandMode="FullExpandedItem" >

<Items>

<telerik:RadPanelItem Expanded="true" Selected="true" Text="Workspace" >

<ContentTemplate>

<telerik:RadTreeView ID="NumTree" runat="server">

<Nodes>

<telerik:RadTreeNode Text="1" ></telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

</ContentTemplate>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="My Views" >

<ContentTemplate>

<telerik:RadTreeView ID="AlpsTree" runat="server">

<Nodes>

<telerik:RadTreeNode Text="a" ></telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

</ContentTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</td>

</tr>

</table>

<telerik:RadButton ID="RadButton1" runat="server" Text="RadButton">

</telerik:RadButton>

</telerik:RadAjaxPanel>

</form>

</body>

</html>

RadPanelbar inside RadAjaxPanel

1 Answer, 1 is accepted