HighCharts within JQuery tabs

I am having a strange problem while using HighCharts as ASPX user control within JQuery tabs.

All pages are derived from a Master page. JQuery tabs are working fine in all content pages but when I place my HighCharts user control withing tabs, blank page is displayed with no rendered HTML available (view source). When I remove tabs, charts are working fine as well.

Here is the code:

    <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
        $(function () {
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="tabs">
            <li><a href="#tabs-1">Chart</a></li>
        <div id="tabs-1">
                <control:Chart ID="ChartData" runat="server"></control:Chart>

This is driving me nuts. Any help is appreciated.

Best Regards, Faisal


This is a known issue with IE. The link gives a workaround that is a bit cumbersome.

Need Your Help

Google map draw polygons and alert on overlapping

javascript google-maps google-maps-api-3

I am drawing different polygons on google map. I need when user draws polygon, if polygon overlap with any other polygon then user get warning alert, ( You can't draw overlapped polygon).

Template Binding to background and foreground colors?

wpf templates binding

I'm building a simple ControlTemplate for a Button. I want to draw a 2 color gradient, and bind the two colors so I don't need to hard code them in the template. But since Background and Foregrou...