Group: Forum Members
Posts: 5,
Visits: 48
|
Hi How to make Html NThinChartControl responsive Using NThinChartControl component, the following Html is generating in the internet explorer : <div id='NDataZoomToolExample' style='margin:0;padding:0;overflow:visible;position:relative;font-size:0px;width:400px;height:400px'><script type='text/javascript'>{var host = NClientNode.GetFromHtmlElement($("div[id = 'NDataZoomToolExample']")[0]);if (host == null) { host = new NClientHost($("div[id = 'NDataZoomToolExample']")[0],"/NDataZoomToolExample/Service","",new NChartCommandProcessor(),new NRect(0, 0, 400, 399));; var request = NRequest.GetUpdateScriptRequest(); host.ExecuteServiceRequest(request); } }</script></div> I am trying to make the NThinChartControl responsive by using the following javascript code: <script> $(window).resize(function() { var element = document.getElementById("NDataZoomToolExample"); if (element == null) return; element.style.width = "100%"; element.style.height = "100%"; }); </script> But the NThinChartControl does not resize and the attribute values (of width and heigth) of html <div id='NDataZoomToolExample'> element don’t change. Remark: The sample mvc project provided by Nevron has the same problem. The size of Html NThinChartControl doesn’t change.
|