Printing CSS-formattied articles

[saviourdebono]

Hello !

i am formatting tables with my own css and works OK on the screen . When i try to print from the front-end my print css is ignored. I tried various experiments (i) seperating the screen css from the print css into different files; (ii) embedding the print css in the index.php but nothing seem to work.

I wonder if Joomla allows printing own-formatted articles at all.

Any body has an idea ?

Cheers.
Saviour / Germany

[a.radtke]

Hi

can you send a link?

Bye Angie

[saviourdebono]

Hello,

thank you for your attention. Here is the link:

http://www.atlantis-travel.com/index.ph ... &Itemid=31

I would greatly appreciate your expert advice.

Rgds
Saviour

[a.radtke]

Hi

I couldn't find a CSS width media="print" in your source.
How did you add the Print CSS in the index.php of your template?

And don't forget that all Browsers didn't print background-colors and background-images per default.
If you want to print that, you should configure your browser.

Bye Angie

[saviourdebono]

Hi,

i am using a component called "css2switch" (http://www.mediahof.de) which allows me to
target menu-items with my own stylesheet. The css file which i am using is called "template_atl_tables.css" .

Then i changed the styles into print-styles (removing color; change px into pt) and embedded them into the template/index.php .

If you would like to have a look under the hood you will find the print-css on line 143 in the index.php (admin/admin).

In the meantime i experimented with inline-styles . This seems to work ! HOWEVER, i dont think that you would recommend inline-styling .

Kind regards
Saviour

[a.radtke]

Hi

that's the wrong way .

You should add to an URL like:

<link rel="stylesheet" href="/templates/yours/css/print.css" type="text/css" media="print" />

Bye Angie

[biber]

good tutorial thank you

[saviourdebono]

Hello ,

i wish i could tell you Hurray Hurray !

I made the link in the index file the way
you corrected but it does not format the printed document.

<link rel="stylesheet" href="/templates/jsn_epic_pro/css/template_atl_tables_print.css" type="text/css" media="print" />

I wonder whether this is a Joomla limitation or a template bug !

I made a dummy article with inline-styling and... it works perfectly
on the sreen and prints the document the way i want it to be printed .

http://www.atlantis-travel.com / Resieziele / oman / dummy

However, is this the correct practise ?

Krgds
SAviour

[a.radtke]

Hi,

The reason is definitly not Joomla.
You have a lot of CSS files. And I think you should take a look at the CSS - inheritance rules.

Bye Angie

[saviourdebono]

Hello !

i will surely check my CSS .

I d like to thank you for your valuable advise and help and
even for the service you are doing the Joomla! community.

Thank you
Saviour

[emeyer]

I am having the same problem. I did the stylesheet at the bottom of the head section and it is loading properly, but still when pressing the print button it ignores it and uses some other style sheet instead.

[saviourdebono]

The only bullet-proof way is to format your html-inline !

[emeyer]

Now this is not rocket science. There seems to be two print separate problems: printing from the browser's print button, and printing with the Joomla built-in print button on articles. They behave differently, but neither behave as expected.

[saviourdebono]

I almost lost my insanity on this issue. Try formatting your html in-line and
you ll see what i mean.

[emeyer]

WEll I found it is partly controlled by template overrides, there are php statements if!(print){} in the content.php and other files. It seems the only realy way to differentiate the outputs.

Losing your insanity would be a good thing, that would make you sane again.

[saviourdebono]

Thks for correcting my english ...

Luckily i am still sane again.

Jokes apart, if you are easy with scripting then you may have found the solution with overrides.

I dont know what your needs are. But there may be other solutions. I found
a plug-in which allows me to embed an article within any article. So i would
format a table, save it as an article then call it in any other article.

The effect is like using code-snippets in dreamweaver.

You may wish to have a look at this plug-in. It is very easy to use.

http://extensions.joomla.org/extensions ... 09/details

Good Luck !

[emeyer]

And I found another solution. The Beez template doesn't print pagination at the bottom. Copying the beez template html/pagination.php into one's own template removes the pagination on page footers in the print window.

The "print" and "email" icons show up in the browser preview window, but not in the popup print window. So, making some progress.

[emeyer]

Fixed. I made template overrides and added my own classes for print and email. Thanks for all the help.

[jayflower]

Thanks ! many ! I was wondering how to make the print layout better.
Regards
Florencia

[emeyer]

An update on this isue, as of March 2015, mostly including a print stylesheet will work.

However Chrome currently ignores it for the Joomla print button, which has been remarked on a number of times for about a year, but there seems no plan to change Chrome's behavior.

As Chrome is currently the most popular browser, the best option is not to publish any print links or icons on articles, but to let people print from the browser menu instead.

[edit] An alternative should be to use javscript window.print(), and W3C reports all browsers support it, but the method has been notoriously unreliable in the past decade, so I would not go as far as suggesting a code revision to use it instead. A better option, in my opinion, would be to suggest removing the print funciton altogether from the Joomla default templates, because even if the javascript method works now,k it probably wont in the future.