I've purchased and installed the highcharts editor
http://www.highcharts.com/products/highcharts-editor
by including the relevant JS and CSS files in my HTML templates.
However, whenever a browser page is printed, a box with the text 'This is a snackbar' and an 'action' button appears.
It doesn't appear on screen in the browser, only when the print dialog is opened, from the second page as per the attached screenshot.
What is it and how can it be removed?
The browser is Google Chrome.
Related
I created a simple Firefox extension to show an external page in a popup. I was now wondering if it's possible to use the content from the external page to fill a field in the current tab or if this is only possible when loading the content natively.
Basically what I'm trying to do is:
Open a webpage
The webpage contains an input field
Open the extension > popup appears
Click an item inside the popup
Use the content of the item clicked as value for a (or all) input fields in the current tab
Can someone help me out with this one.
I have an MVC page where I have a print button. When clicking on print I need to open a print popup dialog (the same one that we get when we hit Ctrl+P). But when clicking on print, I have a logic to get some content as string from code behind and pass it to the print window.
I tried to open a popup when clicking on print button and doing Print functionality by using window.print but this works only if we have the content to print along with the button.
Edit:
If you see the above picture, I have a button with some label "Hi click below button to print content". When I click on print button, I need to have some other content not in this page to be sent to the printer.
You have to have it in the browser for it to print. Your best shot is to AJAX the content into a content div. Then, set the rest of the DOM to visibility: hidden. In CSS, you can do media queries like #media print { } to apply certain styles only when you print.
If you can imagine, the printer doesn't know HTML / CSS. Only the browser does and you can tell it the media you wish to target.
Somehow my iPad mini is doing some weird caching.
I made a web page and inserted html code with a wrong src path. I tried to load the page on the mobile web app (after adding it to home screen) and it didn't work (as expected). I fixed the path and the image now shows on all browsers, including the Safari web browser, but not if I open the web app from home screen.
My HTML is simply this:
<img src="images/games/oplossing.png" alt="de oplossing"/>
The surrounding div is set to 'display: none' but gets set to 'display: block' after clicking a button.
I also tried to:
link to absolute path
Delete the app from homescreen and add to homescreen
If I alter the HTML, save change some text, it shows me the change. This means the page is not cached but somehow the broken image link is..
I have a page doing some functionality and at the end it produces a report displayed in a popup and I want to print this report only not the whole page.
How can I print the the content of the popup?
Popup embeded into the page and there is no way to print only part of the page.
So you have to create separate page (which you can generate from the popup content) or use an iframe.
I have created a print button on my site which launches the print dialogue box. I also have a print.css file which is used to layout the print document. In this print.css file I have discarded everything I don't need. Only the logo of the company, title of the page, the header image and the relevant content will print.
All looks dandy when I view it with the web developer toolbar in FF. When testing in Internet Explorer I get random text and my logo image decides it is going to sit anywhere it likes.
Is there a resource of best print practices to follow for printing, specifically in IE?