cancel
Showing results for 
Search instead for 
Did you mean: 

Portal printing / CSS issue

N/A

Portal printing / CSS issue

I need to print out my list of payments to PlusNet - on portal page my.html?s=0&action=view_transactions

There's some funky CSS that makes it impossible to print (on Firefox and IE anyway, not sure about other browsers). I can't see any reason why this would be deliberate so I take it it's just a bit of sloppy coding somewhere.

Could somebody sort it out, or would it be easier if I raise a ticket to get a PDF sent out from your end?
18 REPLIES
James
Grafter
Posts: 21,036
Registered: 04-04-2007

Portal printing / CSS issue

Do others experience the same problem when trying to print this page?
Community Veteran
Posts: 26,339
Thanks: 595
Fixes: 8
Registered: 10-04-2007

Portal printing / CSS issue

Two work-arounds:

1. Select the text you want to print in the centre column and then use Print Selection.

2. Install the Firefox add-on "Copy Plain Text" and copy paste the text you want to print in to Word or notepad.
jelv (a.k.a Spoon Whittler)
   Why I have left Plusnet (warning: long post!)   
Broadband: Andrews & Arnold Home::1 (FTTC 80/20)
Line rental: Pulse 8 Home Line Rental (£13/month)
Mobile: iD mobile (£4/month)
N/A

Portal printing / CSS issue

Hmm, FF2 on XP Pro here - works fine [ish].

It doesn't handle the frames fabulously well, the portal header, footer and left sidebar comes out on page 1, The list of payments and the right (floating) sidebar appear on page 2.
James
Grafter
Posts: 21,036
Registered: 04-04-2007

Portal printing / CSS issue

I've asked our CSS guru to have a quick look for me when he gets a chance.
Community Veteran
Posts: 26,339
Thanks: 595
Fixes: 8
Registered: 10-04-2007

Portal printing / CSS issue

Quote
Hmm, FF2 on XP Pro here - works fine [ish].

It doesn't handle the frames fabulously well, the portal header, footer and left sidebar comes out on page 1, The list of payments and the right (floating) sidebar appear on page 2.


I haven't tried actually printing it, but looking at the print preview it was absolute rubbish. The best I could get was by changing to landscape, but even then the preview was three pages in total so only a fraction of the transactions were shown.

Using the work-arounds I gave worked perfectly when I actually printed them out.
jelv (a.k.a Spoon Whittler)
   Why I have left Plusnet (warning: long post!)   
Broadband: Andrews & Arnold Home::1 (FTTC 80/20)
Line rental: Pulse 8 Home Line Rental (£13/month)
Mobile: iD mobile (£4/month)
Liam
Grafter
Posts: 2,083
Registered: 04-04-2007

Portal printing / CSS issue

Yeah that is interesting.

As far as I know, it is possible to use seperate CSS for Printing - so there might be something we can implement to make it a bit nicer :-)
James
Grafter
Posts: 21,036
Registered: 04-04-2007

Portal printing / CSS issue

The page is a very old one. As Wojtek (our CSS guy) says, it's probably older than him and me combined Smiley

He does have a task to look into recoding the page, but we're probably looking at a couple of weeks.
N/A

Portal printing / CSS issue

Thanks for that James. I'll give up for the time being!
Community Veteran
Posts: 26,339
Thanks: 595
Fixes: 8
Registered: 10-04-2007

Portal printing / CSS issue

Using different CSS is easy - I do it for a monthly time report I produce in html. Here's a heavily edited extract which shows how it's done:

<style>

@media all{
BODY {
font-family : "MS Arial", sans-serif;
}
H1, H2 {
text-align : center;
color : #008000;
}
H3 {
text-align : center;
color : #000080;
}
TABLE {
border : 2px solid #87CEFA;
}
TD {
background : #F0F8FF;
padding : 3px 6px 0px 6px;
vertical-align : top;
}

}
@media print{
BODY {
font-family : serif;
}
TABLE {
border-collapse : collapse;
border: 2px solid black;
}
TABLE.Newpage {
page-break-before : always;
}
TD {
background : white;
padding : 3px 3px 0px 3px;
border-style : none;
}
}
</style>


One of the things this does is allow me to define that certain tables always start on a new page. Also print the background is while, on screen it is coloured.
jelv (a.k.a Spoon Whittler)
   Why I have left Plusnet (warning: long post!)   
Broadband: Andrews & Arnold Home::1 (FTTC 80/20)
Line rental: Pulse 8 Home Line Rental (£13/month)
Mobile: iD mobile (£4/month)
Community Veteran
Posts: 26,339
Thanks: 595
Fixes: 8
Registered: 10-04-2007

Portal printing / CSS issue

Quote
Thanks for that James. I'll give up for the time being!


Have you tried highlighting and print selection - worked perfectly for me in FF2.
jelv (a.k.a Spoon Whittler)
   Why I have left Plusnet (warning: long post!)   
Broadband: Andrews & Arnold Home::1 (FTTC 80/20)
Line rental: Pulse 8 Home Line Rental (£13/month)
Mobile: iD mobile (£4/month)
N/A

Portal printing / CSS issue

Quote
Have you tried highlighting and print selection - worked perfectly for me in FF2.


I don't seem to have that option in FF2 - maybe it's part of a plug-in you've got installed.
N/A

Portal printing / CSS issue

Nope - its part of the default.

Highlight something, then go to File>Print.

There are three radio buttons halfway down on the left.

All || Pages x to x || Selection

(Selection is only clickable if you have highlighted something)
N/A

Portal printing / CSS issue

Quote
Highlight something, then go to File>Print.

There are three radio buttons halfway down on the left.


You learn something new every day! Thanks for that tip.

I was expecting the "print selection" option to be in the rickt-click context menu the same as the "view selection source" command is.
Superuser
Superuser
Posts: 2,509
Thanks: 912
Fixes: 8
Registered: 10-04-2007

Portal printing / CSS issue

There is also an 'Idea' over on PUGIT suggesting that a .pdf invoice be a user selectable option.

This 'Idea' is open for voting to set a priority on possible development. If you think it useful get on over to http://usergroup.plus.net/pugit/view.php?id=27 and vote.

NOTE: If this is your first visit to PUGIT take the time to set up your preferences under the 'Prefs' tab.

MauriceB