My problem is that I have a highchart in a div, using dotnethighcharts I am setting the height of the chart container div depending on the number of Y-Axis values. So what happens is the div expands and I scroll down the page to see all of the bars. This is working as intended in Firefox, but in Chrome when I select Print from the Highcharts options dropdown and exit the print preview window, the divs scroll ability breaks and I can't see the whole graph.
I have googled endlessly about this issue and have found nothing that might help. I wonder if there is a way to override the Chrome print preview functionality using javascript, so that when I click Print in the highchart the Chrome print window doesn't open.
Any ideas?
Thanks,
H
Related
I am using Ckeditor balloon toolbar in my application. It works fine on Chrome. But on firefox, when I scroll the page, toolbar scrolls down and next time when I select the text it shows at wrong position.
In the below attached image, the balloon toolbar position is at wrong position.
Why is it so? It works fine on Chrome.
I was able to find the solution for the question I posted above.
The issue was related to CSS. CSS in HTML tag i.e position: relative was conflicting with it.
After removing that, it worked fine.
Im having a small issue with my highcharts.
Oddly when i first view the page, the donut chart overlaps with my line chart but when i resize the window or open firebug it comes to its original position.
When i check the firebug console there are no errors related jquery or javascript.
also i have set the container width to 100% but none of the charts are becoming responsive...
Demo : http://vidznet.com/debug/
Can someone tell me why this is happening?
I am trying to make a single page design with a navigation bar fixed at top using bootstrap but whenever I scroll the page and get back to top I see that there is a copy of navigation bar in the middle of the page.I tried reversing the contents position(section1->section3->section2) instead of
(section1->section2->section3). But the problem still exist .
This problem is only in chrome I have tested on firefox and internet explorer and everything is fine but in edge browser the navbar becomes invisible. and after some time it comes back. dont know how.
I dont know which code is causing the problem (css ,js,jquery) so I am not pasting anything here I will paste the code as per all you direction.
I have a menu with a dropdown here. How do I make the dropdown to appear instantly, like on this site?
Edit: I figured out what causing the delay : dropdown wouldn't show up while the mouse is moving, it only shows when mouse is stopped.So if the mouse never stops on the menu item - dropdown would newer even showup...
Edit2: It appears, the problem is only presented in Chrome, FF and IE work as intended..
The problem is that the browser isn't loading your background image because it is initially hidden. The delay is caused by that image being requested from the server. I would pre-load it somehow-- maybe add a dummy pixel-wide div at the bottom of your page with that image as the background-image.
Hey all I am running into an issue trying to print out an image on a page. I'm using the simple Window.print() method in javascript to get this done however in the print preview the image doesn't maintain its border. I can mess with the margin settings in the print dialog that shows up but I can't ever get the whole border to show up.
Does the method autoscale images or something? I'm not sure why it would change the border setting on that image.
The window.print() method doesn't autoscale or modify document in any way. Consider adding a Print CSS (try this tool) to get this right for the printed format without affecting what's already being displayed on the screen.