Panelbar Shrinks

5 posts, 0 answers
  1. App Visible
    App Visible avatar
    6 posts
    Member since:
    Mar 2009

    Posted 20 Nov 2011 Link to this post

    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.
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 21 Nov 2011 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 21 Nov 2011 Link to this post

    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
  5. App Visible
    App Visible avatar
    6 posts
    Member since:
    Mar 2009

    Posted 21 Nov 2011 Link to this post

    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>

  6. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 24 Nov 2011 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017