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 {
  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

Popular posts from this blog

Asp.net Publishing Broke Site - "App_WebReferences is not allowed because the application is precompiled"

Telerik - Custom Group Footers In RadGrid

Bootstrap Modal Popup is Grayed Out