printing preview IE - javascript

Chromes new printing preview page where you see how the print will look before your printing it out, Is that possible to achieve the same preview in IE or which side jumps need to be done
I have the option to open the html with the print css in a new page,(but its not that pretty) but i was wondering if there where other options for getting that same chrome look?
Print view atm see the image below: chrome
Print view atm see the image below: IE
I prefer to use html, css & javascript but im open to .net solutions

Related

Google viewer is opening blank page frequently

Why Google Viewer sometimes is opening a blank page instead of open the PDF file?
I could simulate it using this code. It doesn't happen every time. It will be necessary to click on the Google Viewer button few times.
I could simulate it on Edge and Chrome.
Pay attention to the two tabs after the tab title "Sem títlulo". They opened the PDF file perfectly. However, the tab with the title "Sem título" did not open the PDF.
EDIT
I'm using google docs viewer https://docs.google.com/viewer.
I try to test your code on the MS Edge legacy browser, MS Edge (Chromium) browser, Google Chrome browser, and Firefox browser.
I can reproduce the issue on all 4 browsers. So we can say that this is not a specific browser related issue.
I noticed that you are using Google docs viewer to display the PDF.
https://docs.google.com/viewer?
I try to display the PDF directly in the browser and found that it is working fine in every browser.
Test code:
Click to open PDF
Here is the test results in MS Edge (Chromium) browser.
So it looks like there is some issue with the Google docs viewer. You can try to provide feedback to Google about this issue.
To fix the issue in your code, you can try to directly display the PDF file as I show you in my sample code. You can notice that performance is also better.

Draw.io : Why i can't print text on IE 11?

Im tring to understand why I can't print text on draw.io using Internet Explorer 11.
Basically what I do is creating a rectangle and double click on it to insert some text.
After that I go into [ File -> Print -> Preview ] , a new tab appears but the text is gone.
The debug shows nothing and there is no such error on Chrome , I really dont know what to do, hope someone can help me.
As this is not a development issue, it is better if you consult the website developers for a user support.
As an alternative, you can try to add the site to the compatibility view settings.
After that it will show you the text in print preview.
Note that adding this site to compatibility view list may create other issues.
Other way is to Export your drawing as an image or PDF using the Export option from this site.
It will export the drawing as it is than you can try to print it. It may help to solve your issue.
This is the exported image.
I don't believe this is a question suited for Stackoverflow as your best bet would be to contact the site developers.

Dev Express Xtra Report Print button not working in Chrome

When I click on the print button it doesn't pop up print dialog box. Instead of it shows an error message saying "ERR_CONNECTION_RESET" .This print functions works properly on localhost.Please refer the screen shot for the further information.
My devExpress Version is 15.2.15.0
This bug seems to be related to the Chrome browser's PDF viewer specifics. To resolve this issue, disable Chrome's built-in PDF viewer and use the Adobe PDF viewer instead.
Go to chrome://settings/content/pdfDocuments (open pdf using different application)

View generated source in IE 10

I'm trying to find a way to view the generated source using IE 10. With the Chrome dev tools and Firebug I can see the HTML source post JavaScript/AJAX operations but in IE 10 the view source command and dev tools both only show the downloaded source.
I'm building a single page javascript web app and am running into an issue in the generated source that only happens in IE. Using something like ChromeFrame or punting on the issue is not an option. I need to find and fix the root issue that is causing it in IE.
Do you all know of a different set of dev tools or a toolbar that is produced for IE 10 that will allow me to inspect this elusive generated html?
Thanks!
Just press F12. If the DOM was manipulated via AJAX, you'll need to use the blue refresh button per the comments below.
I use alert(document.documentElement.outerHTML) to achieve this

Problem printing contents of Canvas tag (Chrome, Opera)

These browsers (Windows versions) correctly print a web page which has a canvas overlay over an img tag image:
IE6, IE7, IE8, Firefox, Safari
But Chrome (up-to-date as I type this at version 3.0.195.27) and Opera (up-to-date as I type this version 10.0 build 1750) don't. Chrome ignores the canvas rendering entirely. Opera renders the entire canvas as a white rectangle, obscuring the image behind it.
I know the canvas tag is rather new, and that printing web pages is always dicey. How should I handle this? Are there any settings I'm missing to make this work? Is there an "about to print" event I can catch from JavaScript to at least warn the user?
Update: It's even weirder than it seems. The combined image (canvas overlaying an img) prints correctly on my Brother laserjet but not on my hp inkjet).
So the current situation is that most browsers print correctly to my inkjet, but Chrome does not. Opera screws up on both printers.
Is this all down to printer drivers and how various browsers communicate with them?
Update: I notice that Google Docs builds a PDF for printing.
You can use PHP's PDF functions to create PDF's programmatically. It's really easy!
To create a new PDF:
$pdf = pdf_new();
Open the file:
pdf_open_file($pdf, "pdfName.pdf");
You can set some variables such as the author:
pdf_set_info($pdf, "Title", "pdf Title here");
Now you'll need to use the pdf_begin_page() function:
pdf_begin_page($pdf, 595, 842);
these are the dimensions for A4.
content
And close the file with:
pdf_end_page($pdf);
pdf_close($pdf);
For a complete reference, take a look at PHP's PDF manual.
I wonder, if instead of rendering to a <canvas> element: it might print correctly if you were to render to an off-document canvas object and set a CSS style on a <div> to have a background-image set to "url("+myCanvasObject.toDataUrl()+")".
Also, you could just set the src attribute of a new <img /> element to that same myCanvasObject.toDataUrl(). This should be handled better than the method I mentioned above..
I would suggest to save the page as PDF and try printing. A PDF document to print should be WYSIWYG. If the PDF renders right, any printer should print it fine.

Categories