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">
    <script>
        $(function () {
            $("#tabs").tabs();
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Chart</a></li>
        </ul>
        <div id="tabs-1">
            <div>
                <control:Chart ID="ChartData" runat="server"></control:Chart>
            </div>
        </div>
    </div>
</asp:Content>

This is driving me nuts. Any help is appreciated.

Best Regards, Faisal

Answers


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