
App Visible
Top achievements
Rank 1
App Visible
asked on 20 Nov 2011, 07:56 AM
I'm having an unusual problem with telerik panelbar.When ever i run my application the panelbar shrinks automatically and i'm unable to click any item on panelbar.Please check the attached image.Please help.Thanks.
4 Answers, 1 is accepted
0
0
Hello John,
Can you please provide more details on how to reproduce the issue that you encounter, for example some markup and/or code behind as well as the version of the Telerik controls that you are using?
Best wishes,
Kate
the Telerik team
Can you please provide more details on how to reproduce the issue that you encounter, for example some markup and/or code behind as well as the version of the Telerik controls that you are using?
Best wishes,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
0

App Visible
Top achievements
Rank 1
answered on 21 Nov 2011, 12:19 PM
Thanks for the reply.The version i'm using is Telerik Q3 2010.I'm using this in VS 2010.I'm not finding any ways to solve this.Below is the code.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="XUserHome.aspx.cs" Inherits="Home_XUserHome" %>
<%@ 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 id="Head1" runat="server">
<link href="~/Styles/Home.css" rel="stylesheet" type="text/css" />
<title>xBroker</title>
<style type="text/css">
html, body, form
{
background: #fff;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
position: absolute;
}
</style>
<script type="text/javascript">
function LogOut()
{
UseCallback();
}
function CheckSession()
{
//Script Code goes here
}
</script>
<script type="text/javascript">
var dayarray = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday")
var montharray = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December")
function getthedate() {
var mydate = new Date()
var year = mydate.getYear()
if (year < 1000)
year += 1900
var day = mydate.getDay()
var month = mydate.getMonth()
var daym = mydate.getDate()
if (daym < 10)
daym = "0" + daym
var hours = mydate.getHours()
var minutes = mydate.getMinutes()
var seconds = mydate.getSeconds()
var dn = "AM"
if (hours >= 12)
dn = "PM"
if (hours > 12) {
hours = hours - 12
}
if (hours == 0)
hours = 12
if (minutes <= 9)
minutes = "0" + minutes
if (seconds <= 9)
seconds = "0" + seconds
//change font size here
var cdate = "<small><font color='000000' face='Arial'><b>" + dayarray[day] + ", " + montharray[month] + " " + daym + ", " + year + " " + hours + ":" + minutes + ":" + seconds + " " + dn
+ "</b></font></small>"
if (document.all)
document.all.clock.innerHTML = cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML = cdate
else
document.write(cdate)
}
if (!document.all && !document.getElementById)
getthedate()
function goforit() {
if (document.all || document.getElementById)
setInterval("getthedate()", 1000)
}
</script>
</head>
<body onload="goforit()" onbeforeunload="LogOut()">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div class="page">
<div class="header01">
<div class="head_top">
<div style="float: left; width: 85%">
<img src="../Images/BrokerAppsWeb_brown.png" alt="" />
</div>
<div style="float: right; width: 15%">
<div class="head_space">
<asp:Label ID="lblLastEODProcessed" Text="" runat="server" ForeColor="WhiteSmoke" Font-Bold="true"></asp:Label>
</div>
<div class="head_date">
<asp:Label ID="lblDate" runat="server"></asp:Label>
<span id="clock"></span>
</div>
</div>
</div>
<div class="head_mid">
<div class="Logintext">
<img src="../Images/user.gif" alt="" />
<asp:Label ID="lblAdmin" runat="server"></asp:Label>
<asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
<LoggedInTemplate>
<asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out"
LogoutPageUrl="~/Account/Login.aspx?DEL=1" LogoutImageUrl="~/Images/logout.gif"
ToolTip="Log Out" />
</LoggedInTemplate>
</asp:LoginView>
</div>
</div>
</div>
<div class="bottom">
<telerik:RadSplitter ID="RadSplitter1" Width="99.9%" Height="100%" runat="server"
ResizeMode="EndPane">
<telerik:RadPane ID="RadPane1" runat="server" Width="18.8%" CssClass="menu" Scrolling="Y">
<telerik:RadPanelBar ID="RadPanelBarMenu" runat="server" ExpandMode="FullExpandedItem"
Height="100%" Skin="Outlook" Width="100%">
<%--<Items>
<telerik:RadPanelItem runat="server" ChildGroupCssClass="nav_img" Expanded="true"
Height="30px" Text="Business Setup">
<Items>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/AgentSetup.aspx"
Target="MainPane" Text="Agent">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/BankSetup.aspx"
Target="MainPane" Text="Bank">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/BankBranchSetup.aspx"
Target="MainPane" Text="Bank Branch">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/BankAccountSetup.aspx"
Target="MainPane" Text="Bank Accounts">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/BrokerHouseSetup.aspx"
Target="MainPane" Text="Broker House">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/CompanySetup.aspx"
Target="MainPane" Text="Company">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/CompanyBranchSetup.aspx"
Target="MainPane" Text="Company Branch">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/InstrumentSectorSetup.aspx"
Target="MainPane" Text="Instrument Sector">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/InstrumentIndustrySetup.aspx"
Target="MainPane" Text="Instrument Industry">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/InstrumentMarginStatusDatewise.aspx"
Target="MainPane" Text="Datewise Instrument Margin Status">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/InstrumentListingDatewise.aspx"
Target="MainPane" Text="Datewise Instrument Listing">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/NonTradingDaySetup.aspx"
Target="MainPane" Text="Non Trading Day">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" ChildGroupCssClass="nav_img" Height="30px" Text="Investor">
<Items>
<telerik:RadPanelItem runat="server" NavigateUrl="~/InvestorSetup/InvestorSetupContainer.aspx"
Target="MainPane" Text="Investor">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/InvestorSetup/InvestorSchemeGradeSetup.aspx"
Target="MainPane" Text="Investor Scheme Grade">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/InvestorSetup/InvestorSchemeTypeSetup.aspx"
Target="MainPane" Text="Investor Scheme Type">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" ChildGroupCssClass="nav_img" Height="30px" Text="Trade">
<Items>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Trade/SettlementSchedule.aspx"
Target="MainPane" Text="Settlement Schedule">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Trade/SettlementSchedule.aspx"
Target="MainPane" Text="Trade Browse">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/BankSetup.aspx"
Target="MainPane" Text="Trade Pendings">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/BankSetup.aspx"
Target="MainPane" Text="Trade Approval">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" ChildGroupCssClass="nav_img" Height="30px" Text="Secutiry">
<Items>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Security/SecurityUsers.aspx"
Target="MainPane" Text="User">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Account/ChangePassword.aspx"
Target="MainPane" Text="Change Password">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
</Items>--%>
</telerik:RadPanelBar>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />
<telerik:RadPane runat="server" ID="MainPane" CssClass="map content" ContentUrl="~/Dashboard/DASHHOME.aspx">
</telerik:RadPane>
</telerik:RadSplitter>
</div>
</div>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="XUserHome.aspx.cs" Inherits="Home_XUserHome" %>
<%@ 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 id="Head1" runat="server">
<link href="~/Styles/Home.css" rel="stylesheet" type="text/css" />
<title>xBroker</title>
<style type="text/css">
html, body, form
{
background: #fff;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
position: absolute;
}
</style>
<script type="text/javascript">
function LogOut()
{
UseCallback();
}
function CheckSession()
{
//Script Code goes here
}
</script>
<script type="text/javascript">
var dayarray = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday")
var montharray = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December")
function getthedate() {
var mydate = new Date()
var year = mydate.getYear()
if (year < 1000)
year += 1900
var day = mydate.getDay()
var month = mydate.getMonth()
var daym = mydate.getDate()
if (daym < 10)
daym = "0" + daym
var hours = mydate.getHours()
var minutes = mydate.getMinutes()
var seconds = mydate.getSeconds()
var dn = "AM"
if (hours >= 12)
dn = "PM"
if (hours > 12) {
hours = hours - 12
}
if (hours == 0)
hours = 12
if (minutes <= 9)
minutes = "0" + minutes
if (seconds <= 9)
seconds = "0" + seconds
//change font size here
var cdate = "<small><font color='000000' face='Arial'><b>" + dayarray[day] + ", " + montharray[month] + " " + daym + ", " + year + " " + hours + ":" + minutes + ":" + seconds + " " + dn
+ "</b></font></small>"
if (document.all)
document.all.clock.innerHTML = cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML = cdate
else
document.write(cdate)
}
if (!document.all && !document.getElementById)
getthedate()
function goforit() {
if (document.all || document.getElementById)
setInterval("getthedate()", 1000)
}
</script>
</head>
<body onload="goforit()" onbeforeunload="LogOut()">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div class="page">
<div class="header01">
<div class="head_top">
<div style="float: left; width: 85%">
<img src="../Images/BrokerAppsWeb_brown.png" alt="" />
</div>
<div style="float: right; width: 15%">
<div class="head_space">
<asp:Label ID="lblLastEODProcessed" Text="" runat="server" ForeColor="WhiteSmoke" Font-Bold="true"></asp:Label>
</div>
<div class="head_date">
<asp:Label ID="lblDate" runat="server"></asp:Label>
<span id="clock"></span>
</div>
</div>
</div>
<div class="head_mid">
<div class="Logintext">
<img src="../Images/user.gif" alt="" />
<asp:Label ID="lblAdmin" runat="server"></asp:Label>
<asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
<LoggedInTemplate>
<asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out"
LogoutPageUrl="~/Account/Login.aspx?DEL=1" LogoutImageUrl="~/Images/logout.gif"
ToolTip="Log Out" />
</LoggedInTemplate>
</asp:LoginView>
</div>
</div>
</div>
<div class="bottom">
<telerik:RadSplitter ID="RadSplitter1" Width="99.9%" Height="100%" runat="server"
ResizeMode="EndPane">
<telerik:RadPane ID="RadPane1" runat="server" Width="18.8%" CssClass="menu" Scrolling="Y">
<telerik:RadPanelBar ID="RadPanelBarMenu" runat="server" ExpandMode="FullExpandedItem"
Height="100%" Skin="Outlook" Width="100%">
<%--<Items>
<telerik:RadPanelItem runat="server" ChildGroupCssClass="nav_img" Expanded="true"
Height="30px" Text="Business Setup">
<Items>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/AgentSetup.aspx"
Target="MainPane" Text="Agent">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/BankSetup.aspx"
Target="MainPane" Text="Bank">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/BankBranchSetup.aspx"
Target="MainPane" Text="Bank Branch">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/BankAccountSetup.aspx"
Target="MainPane" Text="Bank Accounts">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/BrokerHouseSetup.aspx"
Target="MainPane" Text="Broker House">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/CompanySetup.aspx"
Target="MainPane" Text="Company">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/CompanyBranchSetup.aspx"
Target="MainPane" Text="Company Branch">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/InstrumentSectorSetup.aspx"
Target="MainPane" Text="Instrument Sector">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/InstrumentIndustrySetup.aspx"
Target="MainPane" Text="Instrument Industry">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/InstrumentMarginStatusDatewise.aspx"
Target="MainPane" Text="Datewise Instrument Margin Status">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/InstrumentListingDatewise.aspx"
Target="MainPane" Text="Datewise Instrument Listing">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/NonTradingDaySetup.aspx"
Target="MainPane" Text="Non Trading Day">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" ChildGroupCssClass="nav_img" Height="30px" Text="Investor">
<Items>
<telerik:RadPanelItem runat="server" NavigateUrl="~/InvestorSetup/InvestorSetupContainer.aspx"
Target="MainPane" Text="Investor">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/InvestorSetup/InvestorSchemeGradeSetup.aspx"
Target="MainPane" Text="Investor Scheme Grade">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/InvestorSetup/InvestorSchemeTypeSetup.aspx"
Target="MainPane" Text="Investor Scheme Type">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" ChildGroupCssClass="nav_img" Height="30px" Text="Trade">
<Items>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Trade/SettlementSchedule.aspx"
Target="MainPane" Text="Settlement Schedule">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Trade/SettlementSchedule.aspx"
Target="MainPane" Text="Trade Browse">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/BankSetup.aspx"
Target="MainPane" Text="Trade Pendings">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Setup/BankSetup.aspx"
Target="MainPane" Text="Trade Approval">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" ChildGroupCssClass="nav_img" Height="30px" Text="Secutiry">
<Items>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Security/SecurityUsers.aspx"
Target="MainPane" Text="User">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Account/ChangePassword.aspx"
Target="MainPane" Text="Change Password">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
</Items>--%>
</telerik:RadPanelBar>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />
<telerik:RadPane runat="server" ID="MainPane" CssClass="map content" ContentUrl="~/Dashboard/DASHHOME.aspx">
</telerik:RadPane>
</telerik:RadSplitter>
</div>
</div>
</form>
</body>
</html>
0
Hello John,
I tested the code that you provided with both the latest version of our controls Q3 2011 and Q3 2010.3.1109.35 but I am not able to reproduce the issue that you encounter. I have attached my sample page. Please try to run it, modify it in a way that it demonstrates the problem and send it back to us so we can help you out. Keep in mind also that we have fixed many bug with the RadPanelBar as well as the RadSplitter since the Q3 2010 release of the controls and therefore I would recommend that you use the latest version of the controls.
Regards,
Kate
the Telerik team
I tested the code that you provided with both the latest version of our controls Q3 2011 and Q3 2010.3.1109.35 but I am not able to reproduce the issue that you encounter. I have attached my sample page. Please try to run it, modify it in a way that it demonstrates the problem and send it back to us so we can help you out. Keep in mind also that we have fixed many bug with the RadPanelBar as well as the RadSplitter since the Q3 2010 release of the controls and therefore I would recommend that you use the latest version of the controls.
Regards,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now