I was testing the responsive part of my application on printing, and I reduced A LOT the margins to test it with custom margins, and now the only screen I see when I try to print is this one
and I don't have any chance to change back the configuration because "more settings" are disabled. But if I try to print using another browser everything is ok, just chrome it's not working.
JIC. I don't have physically a printer itself, but I'm trying to download the pdf.
If anyone faced this, or have any clue of to fix this, I'd appreciate any help. Thanks
Related
I am trying to run a small website from my tablet with Termux and Ngnix. The nginx.conf file has been properly configured, and the webpages have been placed in the correct folder. The problem is that when I make changes to the html code, the nginx server doesn't seem to want to update with the new changes.
For example, I had a thumbnail image that would open in a new tab for viewing at full size when clicked. I later changed the html code so the same thumbnail image would open up a page on the site with related text info. I made sure to stop the server before applying any changes to my code, and then restarting the server after the appropriate changes were made. Unfortunately, the server keeps displaying the pages before the changes. It's like the original pages are stuck somewhere in the server's "memory" and don't want to update. Does anyone have any ideas as to what I'm doing wrong? This is getting really frustrating.
Thank you in advance to any who can help me.
Seems the issue was with the browser and not Nginx. I cleared the data from the browser, restarted, and haven't had any issues since. Strange, but it worked.
So I was working on a page for the last week, every time when I end my job I save my files and close VSCode. Today I came back, opened everything and started writing. After a while I noticed that my rules in CSS did not came up in the page. I thought I did something wrong, so I tried different methods but nothing worked. Then I just opened the CSS in browser with F12 to check if something is off and I saw that it had the last weeks saved CSS. I closed everything, tried again, but nothing. The file is saved in local, I can see when it was changed, but browser still gets to see the last week's save. The link in HTML is right, never changed, the files are in correct folders, all is good. I'm working with WordPress and Twig atm, if this can help somehow.
<link rel="stylesheet" href="{{site.theme.link}}/style.css" type="text/css" media="screen" />
That's the link I used til now, it worked perfectly, paths never changed.
I'm sorry that I can't provide anything more but I can't really know what to show, like I changed nothing and it just stop working.
Thank you in advance for the time you'll take to help!
I suggest you to reinstall Mozilla Firefox. Follow these steps:
Backup your bookmarks (if you have any).
Take a screenshot of Add-ons page. It will help you to find and reinstall them.
Uninstall Firefox.
After uninstalling Firefox remove these folders:
C:\Users\[your-user-name]\AppData\Local\Mozilla
C:\Users\[your-user-name]\AppData\LocalLow\Mozilla and
C:\Users\[your-user-name]\AppData\Roaming\Mozilla.
If you have installed add-ons before uninstalling try this option:
Menu -> Help -> Restart with Add-ons Disabled
Could it be a caching issue?
Try opening dev tools and then right clicking the refresh button.
It will give you an option to clear cache and hard refresh.
(Assuming your using chrome)
If that's the issue and you don't want to deal with it again, then you could consider appending a cachebuster to your css url.
The easiest way to do that would be something like
{{site.theme.link}}/styles.css?r={{ random(1, 1000) }}
Keep in mind that in production, that's going to slow down delivery though (just a little bit, css files usually aren't that large) because it's going to invalidate the browser cache each time the site loads.
I have created a html page with bootstrap control and my own css. I am running the page through visual studio in chrome. I want this page to get converted into pdf with colours as it is displayed in chrome. I have not connected any printer to my system. If i give ctrl+P, my page is getting displayed without colours.
I have used 'save as pdf' extension of chrome for conversion.
It is saying 'cant access your local url'. Is there a way to print the page in the same way as it is seen in browser as a pdf
Bootstrap controls like progress bar not getting appeared in print.
Chrome “Save As PDF” works fine. You need to tick the “print background graphics” checkbox otherwise by default backgrounds are ignored.
However, the problem is that Bootstrap has included a reset for print media. What it does is to overwrite all background to white and foreground color to black, with !important.
What kills is the !important
I would recommend you to use one of the free online HTML-to-PDF conversion solutions.
Here's one for example: http://www.htmlpdf.com/
Keep in mind that some solutions may not give you the expected results. In this case just try another.
After you have found a working solution, just print the converted-HTML-to-PDF file that you downloaded.
Chrome itself acts as a pdf writer and reader, as we already know. I'm not sure why the colours are missing in the preview for printing, still, give this a try:
After Ctrl+P, you'll see the Print - Cancel options, below which there is a Destination for you to choose.
It has Recent, Local and Cloud destinations with a choice from the local ones being displayed. Go ahead and change it to Save as pdf.
Now you can save the whole webpage with the colours too.
Take a look at this
I had the same issue but found an easy solution.
Simply get the google chrome extension called : FireShot
Get it here: https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=en
It will take full page screenshot of your HTML page and even local Html pages.
Then capture the full page.
After it will lead you to a new page with saving option.
Beside “Email” I suggest you to click on “PDF”. Then it will lead you to Gmail so you can send yourself the PDF.
I don’t suggest to click on print, because in my case when I saved it, there was an issue with the pixels.
Very easy.
GoFullPage - Full Page Screen Capture — works great for this case.
I've recently been working a web application, this app can handle print method, i use window.print of java script to print my document. All is fine when i try on my computer, i use window 7 64B. But when i try on windows xp, i found different result. I have configured all things to make this same with my computer, like format letter, margin on page setup of browser and properties of the printer to. But still not fixed my problem. Any idea? what is the problem? please, i need some advice for this.. thanks
My company has a web application that outputs a PDF which we print on label paper (stickers with product data).
Chrome is the default browser around here. Unfortunately, when we try to print from Chrome the "Fit to Page" checkbox is automatically selected. This screws up the alignment and prints data in the wrong places. If we uncheck 'Fit to Page', it prints perfectly on all machines.
If I skip the Chrome Print dialog and use the system one, it works fine on a Mac, but poorly on Windows machines.
I would really like a way to disable the "Fit to Page" option.
What I've looked at:
Printing Avery 5160 labels with FPDF - I added /ViewerPreferences << /PrintScaling /None >> to my pdf, but this article Set PDF to print with no scaling says that it's controlled by the application (Chrome in my case).
http://productforums.google.com/forum/#!topic/chrome/REy2n67B1fM --not helpful
https://code.google.com/p/chromium/issues/detail?id=158752 --not helpful
So I'm afraid that I may need to find or make a Chrome extension to do this. Before I dig into that, does anyone know if it's even possible?
Other Facts:
PDF is being generated by fpdf in php. All computers should be using latest vs of Chrome.
I hate to say this but, could you try opening the PDF in a different browser, or use a standalone PDF reader application?
Since the Chromium team has labelled this as a WontFix, Chrome simply might not suffice for your needs.