Rajavelu Report post Posted April 5, 2013 Hi I am using Drag node chart, and zoom line chart in a single page. When i click on a node the detailed line chart will open in popup div. This is working fine in firefox, but in chrome popup div collapse, Also the css not working fine. Why this problem occured? Note: If drag node chart not placed or replaced with any other charts , then popup div working fine in chrome. (image 5&6) Please find the attached images: image 1 - before open popup up, image 2 - open in firefox image 3&4 - open in chrome Share this post Link to post Share on other sites
Rajavelu Report post Posted April 5, 2013 Small change in above problem: Not only DragNodechart, any chart placed in the page, popup div will collapsed in chrome Share this post Link to post Share on other sites
Guest Sumedh Report post Posted April 6, 2013 Hi, Welcome to FusionCharts Forum! Can you provide some information on following points? > In what control are you trying to render the charts? > Can you provide us the sample code and charts XML? or can you please share the live URL of the same? Share this post Link to post Share on other sites
Rajavelu Report post Posted April 8, 2013 My jsp file: <style>.popup-div{ position: absolute; width:99%; background-color: #fff; border:3px solid #a9a9a9; margin-top: 0%;}</style><script> function closepopup(){ document.getElementById("popupdiv").style.display='none'; } function showPopup() { var popup = document.getElementById("popupdiv"); popup.style.display = 'block'; }</script></head><body><div align="center" class="popup-div" id="popupdiv" style=" display: none"> <a href="javascript:closepopup()" style=" float: right"> Close </a> <table align="center" id="linkdetailsdiv" style=" width: 100%; background-color: #fff8dc;"> <tr> <td align="center"> //render a line chart here </td> </tr> </table> </div> <div align="center" style="width:100%; height: 12px; color: #0078ff; font-size: 11px; margin-top: 1%"><a href="javascript:showPopup()">show popup div</a></div><div id="chart" align="center" style="margin-top: 1%"> // reder another chart here</div> </body> Share this post Link to post Share on other sites
Guest Sumedh Report post Posted April 9, 2013 Hi Rajavelu, Could you please try setting the z-index property for pop-up div? Specify the z-index property as "9999". Ref. Code: <style> .popup-div{ position: absolute; width:99%; background-color: #fff; border:3px solid #a9a9a9; margin-top: 0%; z-index: 9999; } </style> Hope this helps! Share this post Link to post Share on other sites
Rajavelu Report post Posted April 10, 2013 Thank you Sumedh, But Still (after set z-index) I face that issue. I think the problem may be due to browser, Because in firefox its works fine, I am using chrome (versions: 26 and 27) in ubuntu machine. Problem not only in popup chart, see the attached images: image1: curser not on chart , calendar shows good, image2: curser on chart, calendar collapsed Share this post Link to post Share on other sites
