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

Panelbar Shrinks

4 Answers 59 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
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

Sort by
0
Shinu
Top achievements
Rank 2
answered on 21 Nov 2011, 06:47 AM
Hello,

I cannot reproduce the issue with the latest version 2011.2.712.35. Also check the online demo where this behavior is not observed. Please elaborate your scenario if it doesn't help.

-Shinu.
0
Kate
Telerik team
answered on 21 Nov 2011, 10:41 AM
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
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>
                    &nbsp;
                    <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
Kate
Telerik team
answered on 24 Nov 2011, 10:52 AM
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
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
Tags
PanelBar
Asked by
App Visible
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Kate
Telerik team
App Visible
Top achievements
Rank 1
Share this question
or