The problem of the radchart in the asp:panel

Thread is closed for posting
2 posts, 1 answers
  1. Allen
    Allen avatar
    6 posts
    Member since:
    Dec 2009

    Posted 16 Apr 2010 Link to this post

    I can not use a radchart in my panel.
    I want to use three radchart in a panel.But the radchart is always on the top of the panel,not in the panel.
    The scrollbar of the panel can not control the radchart.
    I am using IE7.0 and IE8.0. There is no problem in Firefox and Chrome.

    The code is below.

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="testchart.aspx.cs" Inherits="Web.testchart" %>
    <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
    <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Charting" 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>
        <script type="text/javascript">
       
          function pageLoad() {
          }
       
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1">
      
      </telerik:RadScriptManager>
     <telerik:RadWindowManager runat="server" ID="RadWindowManager1">
     </telerik:RadWindowManager>
        <telerik:RadStyleSheetManager runat="server" ID="RadStyleSheet1" />
     <telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="Default,Zone" />
        <asp:Panel ID="Panel1" runat="server" ScrollBars="Both" Width="600" Height="300">
        <telerik:RadChart ID="RadChartx1" runat="Server" Width="495px" AutoLayout="true" Skin="Mac">
                            <ClientSettings ScrollMode="Both" />
                            <Series>
                                <telerik:ChartSeries  Type="Line">
                                </telerik:ChartSeries>
                            </Series>
                            <Legend Visible="false"></Legend>
                            <ChartTitle TextBlock-Text="Zooming / Scrolling (no initial scaling)">
                            </ChartTitle>
                        </telerik:RadChart>
                        <telerik:RadChart ID="RadChartx2" runat="Server" Width="495px" AutoLayout="true" Skin="Mac">
                            <ClientSettings ScrollMode="Both" />
                            <Series>
                                <telerik:ChartSeries  Type="Line">
                                </telerik:ChartSeries>
                            </Series>
                            <Legend Visible="false"></Legend>
                            <ChartTitle TextBlock-Text="Zooming / Scrolling (no initial scaling)">
                            </ChartTitle>
                        </telerik:RadChart>
                        <telerik:RadChart ID="RadChartx3" runat="Server" Width="495px" AutoLayout="true" Skin="Mac">
                            <ClientSettings ScrollMode="Both" />
                            <Series>
                                <telerik:ChartSeries  Type="Line">
                                </telerik:ChartSeries>
                            </Series>
                            <Legend Visible="false"></Legend>
                            <ChartTitle TextBlock-Text="Zooming / Scrolling (no initial scaling)">
                            </ChartTitle>
                        </telerik:RadChart>
        </asp:Panel>
        </form>
    </body>
    </html>

     



    THANKS.

  2. Answer
    Ves
    Admin
    Ves avatar
    2926 posts

    Posted 19 Apr 2010 Link to this post

    Hi Shin Tei,

    Please, find below my answer, provided in the support ticket you have started:

    This is a known issue in Internet Explorer with relatively positioned content within a scrollable container. You can find a demonstration here (check the page with IE6/7 and then with Firefox to see the difference). The fix would be to set "position:relative" to the container, in this case this is the panel:

    <asp:Panel ID="Panel1" runat="server" ScrollBars="Both" Width="600" Height="300" Style="position:relative">


    Please, keep the correspondence in a single thread so we can easily keep track of the message history. Thank you.

    Kind regards,
    Ves
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top