Tables change width when printed using print button added to skin

New Here ,
Apr 08, 2015

Copy link to clipboard

Copied

I am using Robohelp HTML version 11 and publishing with WebHelp. Many of my topics have tables in them which display as expected in Preview mode and when published, but when these topics are printed, I am having an issue.  The issue is that any table that extends across a printed page changes width.  For example, if a printed topic is two pages long and a table extends from the first page to the second page, the table will actually be less wide on the second page than it was on the first page. This occurs when using the Print button that I added to the Navigation Bar of the WebHelp skin we are using.

TOPICS
Classic

Views

1.8K

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
LEGEND ,
Apr 09, 2015

Copy link to clipboard

Copied

You can assign a print style sheet or add a @media print {} to your CSS. In there you can specify styling specifically for printing.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
New Here ,
Apr 15, 2015

Copy link to clipboard

Copied

Could you give more detail on how to do this? I am having a similar problem with printing tables using a print button on the toolbar area of the skin.  When printed, the tables run off the page or get cut off. How would I set it up so that they fit on the page? I'm pretty new to CSS/RoboHelp so any step by step instructions would be useful. Thank you!

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
LEGEND ,
Apr 16, 2015

Copy link to clipboard

Copied

If your tables run of the page, it may be that the table contains too much columns or that the contents of the table is simply too much. In both cases, the table will use the minimum width it can, but may still be too large. This may happen if you have large images in tables or if you have over 6 columns.

To style your table for printing:

  1. Open the style sheet through the Project Manager.
  2. Select Print as the Media of the CSS:

print media.png

  1. Update the CSS as you would regularly do.

If you want to set the width of tables through the CSS, open the style sheet in Notepad or another text editor and find the table style. Add the following to the table.myName (replace myName by the name of your style):

width: 100% !important;

You table will now always be 100% the width of the page.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
New Here ,
Apr 16, 2015

Copy link to clipboard

Copied

The odd thing about our situation is that the table prints fine if small enough to print on one page. However, if the table is long causing it to print across two pages, the table prints correctly on page one but the rows become shorter on the second page causing the text in those rows to print outside the table.

I even tested the situation with a table: The topic to be printed had a screenshot at the top of the page that caused the total pages for printing to be two. I temporarily removed the screenshot and printed the topic. The exact same table now printed on one page with no overflow of text (looked great). I put the screenshot back in and when printed on two pages, the problem came back.

So though I have not yet tried your suggestion, since the table prints correctly otherwise, I don’t think I need to change the style sheet. Any thoughts?

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
LEGEND ,
Apr 20, 2015

Copy link to clipboard

Copied

When no styling is available, tables will be made as wide as needed to fit their content. Changing the CSS may mitigate this behaviour somewhat.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
cc1864nv LATEST
New Here ,
Apr 22, 2015

Copy link to clipboard

Copied

Thank you - I appreciate the help!

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more