Printing

I just came across this thread: http://www.freewaytalk.net/thread/view/53388#m_53390
but an struggling trying to implement it.

Basically I have a div in the middle of the page called ‘report’ that I want to be the only thing that prints.
If anyone has a little time to walk me through it I would be grateful. It’s basically applying the class style etc. that I’m having problems with

Thanks

Nathan Garner

http://www.austinwellsdesign.co.uk

FW5.5 Pro | MacBook Pro | Snow Leopard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You need to have a stylesheet that is designed to hide everything
besides that box. If you could post a link to your page, and note the
name of the box you want to show, one or another of us could probably
come up with the correct set of rules to make it work. Once you have
that page, you need to apply the stylesheet to your page so that it
only gets applied when the page is printed. My External StyleSheets
Action can do this, it’s a free download at ActionsForge.

Walter

On May 9, 2011, at 1:54 PM, Nathan Garner wrote:

I just came across this thread: http://www.freewaytalk.net/thread/view/53388#m_53390
but an struggling trying to implement it.

Basically I have a div in the middle of the page called ‘report’
that I want to be the only thing that prints.
If anyone has a little time to walk me through it I would be
grateful. It’s basically applying the class style etc. that I’m
having problems with

Thanks

Nathan Garner

http://www.austinwellsdesign.co.uk

FW5.5 Pro | MacBook Pro | Snow Leopard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Walter

The page can be viewed here. It’s kind of the other way around where I need all of it to print… but I don’t want the top div ‘header’ to be seen online – is that possible?

http://www.austinwellsdesign.co.uk/clients/peugeot/test/daily-diary.html

Nathan Garner

email@hidden
http://www.austinwellsdesign.co.uk

Member of NAPP | Zen Affiliate | Dorset Business Member | YEC

Facebook | Twitter | LinkedIn

On May 9, 2011, at 7:09 PM, Walter Davis wrote:

You need to have a stylesheet that is designed to hide everything besides that box. If you could post a link to your page, and note the name of the box you want to show, one or another of us could probably come up with the correct set of rules to make it work. Once you have that page, you need to apply the stylesheet to your page so that it only gets applied when the page is printed. My External StyleSheets Action can do this, it’s a free download at ActionsForge.

Walter

On May 9, 2011, at 1:54 PM, Nathan Garner wrote:

I just came across this thread: http://www.freewaytalk.net/thread/view/53388#m_53390
but an struggling trying to implement it.

Basically I have a div in the middle of the page called ‘report’ that I want to be the only thing that prints.
If anyone has a little time to walk me through it I would be grateful. It’s basically applying the class style etc. that I’m having problems with

Thanks

Nathan Garner

http://www.austinwellsdesign.co.uk

FW5.5 Pro | MacBook Pro | Snow Leopard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Nathan,
Try adding this to the document head (Page > HTML Markup… > Before (end head);

<style type="text/css" media="print">
<!-- 
#header, #item3a2a, #item3a2a1 { display:none }
#content { top:0 !important; }
-->
</style>

The first set of styles hide the header and the two form items in the header and the second style (#content) simply moves the main content area up to the top of the page.
I hope this helps.
Regards,
Tim.

On 10 May 2011, at 10:42, Nathan Garner wrote:

The page can be viewed here. It’s kind of the other way around where I need all of it to print… but I don’t want the top div ‘header’ to be seen online – is that possible?

http://www.austinwellsdesign.co.uk/clients/peugeot/test/daily-diary.html


Tim Plumb
Creative Director
Softpress Systems

Follow us on Twitter: http://www.softpress.com/tny/064
Join us on Facebook: http://www.softpress.com/tny/063
Looking for a webhost? We love these guys: http://www.softpress.com/tny/sxf


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Absolutely perfect for my printing issue Tim - superb. Thank you.

Is there a way of also doing the opposite, so having both elements print, but only the lower table viewable online?

Nathan Garner

email@hidden
http://www.austinwellsdesign.co.uk

Member of NAPP | Zen Affiliate | Dorset Business Member | YEC

Facebook | Twitter | LinkedIn

On May 10, 2011, at 11:42 AM, Tim Plumb wrote:

Hi Nathan,
Try adding this to the document head (Page > HTML Markup… > Before (end head);

<style type="text/css" media="print">
<!-- 
#header, #item3a2a, #item3a2a1 { display:none }
#content { top:0 !important; }
-->
</style>

The first set of styles hide the header and the two form items in the header and the second style (#content) simply moves the main content area up to the top of the page.
I hope this helps.
Regards,
Tim.

On 10 May 2011, at 10:42, Nathan Garner wrote:

The page can be viewed here. It’s kind of the other way around where I need all of it to print… but I don’t want the top div ‘header’ to be seen online – is that possible?

http://www.austinwellsdesign.co.uk/clients/peugeot/test/daily-diary.html


Tim Plumb
Creative Director
Softpress Systems
http://www.softpress.com

Follow us on Twitter: http://www.softpress.com/tny/064
Join us on Facebook: http://www.softpress.com/tny/063
Looking for a webhost? We love these guys: http://www.softpress.com/tny/sxf


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ignore that last email Tim… I worked out just by changing the text from “print” to “screen” and it worked.

Excellent.

Nathan Garner

email@hidden
http://www.austinwellsdesign.co.uk

Member of NAPP | Zen Affiliate | Dorset Business Member | YEC

Facebook | Twitter | LinkedIn

On May 10, 2011, at 11:42 AM, Tim Plumb wrote:

Hi Nathan,
Try adding this to the document head (Page > HTML Markup… > Before (end head);

<style type="text/css" media="print">
<!-- 
#header, #item3a2a, #item3a2a1 { display:none }
#content { top:0 !important; }
-->
</style>

The first set of styles hide the header and the two form items in the header and the second style (#content) simply moves the main content area up to the top of the page.
I hope this helps.
Regards,
Tim.

On 10 May 2011, at 10:42, Nathan Garner wrote:

The page can be viewed here. It’s kind of the other way around where I need all of it to print… but I don’t want the top div ‘header’ to be seen online – is that possible?

http://www.austinwellsdesign.co.uk/clients/peugeot/test/daily-diary.html


Tim Plumb
Creative Director
Softpress Systems
http://www.softpress.com

Follow us on Twitter: http://www.softpress.com/tny/064
Join us on Facebook: http://www.softpress.com/tny/063
Looking for a webhost? We love these guys: http://www.softpress.com/tny/sxf


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Nathan,
Yes, sorry I misread your original question. I’m glad you’ve got this working now.
Regards,
Tim.

On 10 May 2011, at 12:02, Nathan Garner wrote:

Is there a way of also doing the opposite, so having both elements print, but only the lower table viewable online?


Tim Plumb
Creative Director
Softpress Systems

Follow us on Twitter: http://www.softpress.com/tny/064
Join us on Facebook: http://www.softpress.com/tny/063
Looking for a webhost? We love these guys: http://www.softpress.com/tny/sxf


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On a slightly separate note… I am designing some form elements in a portrait layout to fit within a page structure (approx 550px wide), when I print I would like a different layout (landscape etc.) I have seen this done, and assume it is alot of extra work - different css files etc.

Is this the case? And if so is there a walkthrough anywhere that someone else has used?

Nathan


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Nathan,
There are a number of technical guides available online that will step you through the process of writing a print stylesheet for your site. If you know enough about how Freeway handles it’s CSS (and I think you do) you should be able to pull something together quite easily.

I’ve been searching for an online tool I spotted a while back but can’t appear to locate it right now. It allowed you to load your site and selectively remove items from the print stylesheet.
Aha! I just remembered that it was Chris Coyier project. Here it is; http://css-tricks.com/examples/ThePrintliminator/

Looking at it now I’m less certain that you will get anything out of this that you can reuse in your sites. However, the print stylesheet it is based on (http://code.google.com/p/hartija/) looks a lot more promising.
Regards,
Tim.

On 10 May 2011, at 12:54, BigG wrote:

Is this the case? And if so is there a walkthrough anywhere that someone else has used?

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro.

Protect your mailto links from being harvested by spambots with Anti Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Cheers Tim that’s great - your time on this has been much appreciated.

Regards,

Nathan Garner

email@hidden
http://www.austinwellsdesign.co.uk

Member of NAPP | Zen Affiliate | Dorset Business Member | YEC

Facebook | Twitter | LinkedIn

On May 11, 2011, at 10:31 AM, Tim Plumb wrote:

Hi Nathan,
There are a number of technical guides available online that will step you through the process of writing a print stylesheet for your site. If you know enough about how Freeway handles it’s CSS (and I think you do) you should be able to pull something together quite easily.

I’ve been searching for an online tool I spotted a while back but can’t appear to locate it right now. It allowed you to load your site and selectively remove items from the print stylesheet.
Aha! I just remembered that it was Chris Coyier project. Here it is; http://css-tricks.com/examples/ThePrintliminator/

Looking at it now I’m less certain that you will get anything out of this that you can reuse in your sites. However, the print stylesheet it is based on (http://code.google.com/p/hartija/) looks a lot more promising.
Regards,
Tim.

On 10 May 2011, at 12:54, BigG wrote:

Is this the case? And if so is there a walkthrough anywhere that someone else has used?

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro.

Protect your mailto links from being harvested by spambots with Anti Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options