Chart not showing in in nested <div> (jquery-ui tabs)

[chizpa]

Hi, 

I've been playing around with the basic demo setup and everything works fine. However I wanted to take the next step and implement it into one of my websites. The location of the graph would be inside a nested div - more specifically I want to show the graph inside a jquery-ui tab <div>.

 I have tried a striped down site that only contains those tabs and it works fine. However when put in the above mentioned nested context it won't show. Any idea as to why this might be?

 I've included the following, but as I mentioned before it does work - just not in the nested divs (could it be relative/absolute positioning related?):

 

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<!-- Graph -->

<link rel="stylesheet" type="text/css" href="../javascript/graph/styles/jchartfx.css" />

<script type="text/javascript" src="../javascript/graph/js/jchartfx.system.js"></script>

<script type="text/javascript" src="../javascript/graph/js/jchartfx.coreVector.js"></script> 

 

 

- Thank You in advance 

[JuanC]

 We have only seen issues with absolute/relative positioning related to tooltips, those issues have been fixed in our latest builds. We have not seen any reports of the chart not appearing.

We will need a sample page that we can use to reproduce the problem. I am guessing it is related to the structure of the page. You can email a sample to support at softwarefx dot com

JuanC

[chizpa]

Hi I found out what happened,

I use a single page containing 4 <div> based 'pages'. When You change page You show the selected one and hide the others. The graph was put on one of the hidden pages: style="display:none" and didn't show when changing to style="display:block". If I put the graph on the one showing from the beginning it does work. My workaround is not creating the graph before I set the <div> visible.

This leads me to another question. Can I init a graph on a <div> with style="display:none"?

Have a nice day