Print Preview Using Bootstrap shows HTTP links
100th public post! Very cool. Was not thinking I would be able to keep up with this blog but I guess I am...
Anyway so we got a complaint from a client about their values missing 10 cents, but their snippet they gave showed a very odd looking site with links everywhere. So a senior guy looked at it, becuase I had never seen it like that before. He said he had encountered it sometime last year. He found a nice stack overflow link for a fix.
So what I did was I made the change below to the skin of our site in the bootstrap.css and bootstrap.min.css files. Note: you may have to clear your cache to see the change in a browser.
@media print {
ref: http://stackoverflow.com/questions/7301989/need-to-remove-href-values-when-printing-in-chrome
Anyway so we got a complaint from a client about their values missing 10 cents, but their snippet they gave showed a very odd looking site with links everywhere. So a senior guy looked at it, becuase I had never seen it like that before. He said he had encountered it sometime last year. He found a nice stack overflow link for a fix.
So what I did was I made the change below to the skin of our site in the bootstrap.css and bootstrap.min.css files. Note: you may have to clear your cache to see the change in a browser.
@media print {
a[href]:after {
content: " (" attr(href) ")";
}
}
Just remove it from there, or override it in your own print stylesheet:
@media print {
a[href]:after {
content: none !important;
}
}
ref: http://stackoverflow.com/questions/7301989/need-to-remove-href-values-when-printing-in-chrome
Comments
Post a Comment