This is a migrated thread and some comments may be shown as answers.
The problem of the radchart in the asp:panel
1 Answer 25 Views
This is a migrated thread and some comments may be shown as answers.
Allen
Top achievements
Rank 1
Allen asked on 16 Apr 2010, 12:43 PM
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.

1 Answer, 1 is accepted

Sort by
0
Accepted
Ves
Telerik team
answered on 19 Apr 2010, 11:28 AM
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.
Asked by
Allen
Top achievements
Rank 1
Answers by
Ves
Telerik team
Share this question
or