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
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.