print a web page with inline css - printing-web-page

I want to print an html table with inline style for particular cells. This is the image of the table.
but when I print this web page out. the colors for those cells disappear. This is the image of the print preview.
This is the code sample of the table:
I know that I can set media type to print for css classes to print those colors out. But there are hundreds of colors available and creating a class for each of them will be a nightmare.
U guys got any solution to print this table with colored cells out?

This was a while ago ... maybe this no longer an issue with today's browsers?
They will print background colors if asked to do so. At least it worked for me, and I have pretty much exactly the same situation (inline css generated individually for each cell by PHP).
See https://rewordify.com/BackgroundColors.htm

Related

How to preserve vertical text in 'Fixed-Format' ePubs?

I'm exporting a textbook as a Fixed-Format ePub via InDesign 2020 but noticed vertical text get exported horizontally instead! Here is an example of what I mean:
Here's how it should look like:
Does anyone know how I can preserve the text rotation? There are hundreds of examples of this issue in the book. Would there be a 'global' setting/CSS to resolve this?
Do you have control over the Indesign table styles?
See: https://helpx.adobe.com/in/indesign/using/table-cell-styles.html
If the table regions are styled correctly, you should be able to get the styles exported in the CSS. I haven't worked in the latest Indesign, and EPUB table exports have been patchy in the past. However, if you have custom table styles applied, you can edit the CSS to make it match the source as close as possible.

Tooltip showing junk values on hover - SSRS reports

Tool tip in SSRS is showing random junk values when hovered over chart area or even sometimes on the data points or plots. Here are some images to illustrate the issue. My question is - is this a bug in ssrs or are there some property settings I can set or is it actually related to my data.. Please help. Many Thanks!
PS: Sorry couldn't add the images because of reputation constraints.
Thank you Chris for the suggestion. I found the solution for this question. Next time onward I'll follow that.
The Solution:
The junk values of tooltip were nothing but values that had either been set or had got set at various levels of the chart- chart area , plot area, series etc. I just had to remove all except the series tooltip. It works fine now.

Lightbox for Flex

Ey. I've seen the other post about Lightbox gallery effect for Flex, but after having played around with it I cant seem to get it to work 100% (The image is as small as the thumb, and I cant make it bigger). And this also lacks some functionality I'd like to have.
So, one example would be, of course, this: http://lokeshdhakar.com/projects/lightbox2/
If you click any image on the image set you can swap between them with an arrow. This is what I'd like to have.
Also, it would be nice if it was possible to display the thumbnails for the other images in the same set under the bigger picture(when one image is already clicked).
I've tried to search for components like this, but I cant seem to find any other.
If any of you know of any nice components or snippets of code for this kind of effect then please let me know! =)
Kind regards,
Stian Berg Larsen
  
EDIT:
So I've searched around and tried a number of examples, but I cant seem to get any of them to work. There is always an error, and none of the examples are exactly what I want.
I simply need a way to show images like Lightbox. With a prev/next arrow and maybe a close button. Nothing more than that. How would I go about making this, or use an existing component?
Im using a TileGroup to hold all my thumbs (so that they will fill out the width of the Group with more images if there are room for it). If it's possible to generate this list of thumbnails dynamically too then that would be great, but basically what I need is to show images with a Lightbox style when I click them.
Thanks! =)
I ended up just making my own lightbox effect. :)
Created an Actionscript class (based on Group) and added image loading functionality, prev/next/close buttons and borders and such. Works like a charm :)

Responsive grid not working in firefox or opera

For some reason my responsive grid is breaking when I open my website in Firefox. I'm using skeleton grid system and I haven't really had any problems with cross browser compatibility before but I modified the grid (to a 8 column grid instead of a 16) and I think I may have broken something.
I can't figure it out because all I did was remove the classes for the other 8 columns.
The columns start where they are supposed to but they are huge and extend off the page now.
Here is the live website: http://nicki.smartbrandidentity.com/
Any help is greatly appreciated.
If I were you, I'd just use the 16 column layout. Use the column2 when you would use a column1. These grids are designed to give you as many options as can fit in a grid, and you shouldn't limit yourself to only 8.
Also, looking at the css, this does not look like a "responsive" grid. All of the columns are set in pixels. If you want a really easy grid that is actually responsive, check out the columnal grid system. http://www.columnal.com/

PDF generation under ruby - block should not cut by page separator

My PDF consists of a number of blocks (actually, a list of quotations), they go one after another till the end of the document. If the text of a quotation
does not fit on the page, the whole quotation should start from the top of the next page, instead of being torn apart. How can I implement that on any library under ruby?
Try PrinceXML - this is a standalone executable that generates PDF out of HTML or XML. It supports a lot of special CSS properties that will even help you to control page breaks. Refer to http://www.princexml.com/doc/6.0/page-breaks/
This application is available for windows and linux. I was using it for generation of a pretty complicated PDF documents with headers and footers on every page except first one. And since you don't need to output a PDF with precise positioning of elements, it might be a perfect solution for you.
I haven't tried it, but in Prawn I would try using either the Document#text_box method or looking up the table methods and putting your text in cells with invisible borders. The documentation's unclear on how page break functionality fits in with the bounding box models, but it's worth a shot.
HTMLDoc which converts HTML to PDF has a page break facility.

Resources