Icon View Thread

The following is the text of the current message along with any replies.
Messages 1 to 6 of 6 total
Thread Printing CSS
Tue, Feb 23 2016 11:39 AMPermanent Link

Matthew Jones

Is there any way I can modify the standard CSS (in a build process I
expect), so that I can have, for example, a header on the web page
that, when printed, does not appear? I know I can do this in WordPress,
but that has defined div's I think for the header etc.

It would require that a panel or other container could be marked so
that it could have specific print time CSS. Is there a way to do this?
It would make EWB quite suitable for producing some printed reports I
am looking at.

--

Matthew Jones
Tue, Feb 23 2016 1:39 PMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Matthew,

<< Is there any way I can modify the standard CSS (in a build process I expect), so that I can have, for example, a header on the web page that, when printed, does not appear? I know I can do this in WordPress, but that has defined div's I think for the header etc. >>

What you want to do is use a TBrowser control, have the client or server-side application generate the HTML/CSS to use in the TBrowser's document, and then put it into the TBrowser's DocumentText property:

http://www.elevatesoft.com/manual?action=viewcomp&id=ewb2&comp=TBrowser

Then you can use the Print method to print the document in the TBrowser.

Tim Young
Elevate Software
www.elevatesoft.com
Wed, Feb 24 2016 10:21 AMPermanent Link

Matthew Jones

Tim Young [Elevate Software] wrote:

Matthew,

<< Is there any way I can modify the standard CSS (in a build process I expect), so that I can have, for example, a header on the web page that, when printed, does not appear? I know I can do this in WordPress, but that has defined div's I think for the header etc. >>

What you want to do is use a TBrowser control, have the client or server-side application generate the HTML/CSS to use in the TBrowser's document, and then put it into the TBrowser's DocumentText property:

http://www.elevatesoft.com/manual?action=viewcomp&id=ewb2&comp=TBrowser

Then you can use the Print method to print the document in the TBrowser.

Tim Young
Elevate Software
www.elevatesoft.com

(Does the web interface quote your reply? hope so!)

That would work, but I really want the lovely look that I can create in the EWB components. My ideal would be a WYSIWYG but with some slight variations. Sounds like there is no such facility - and inspecting I see the style is pretty much "hard coded" into the HTML, and my WordPress page uses "class" of "art-header" (article-header) which I can customise. Hmm, is there a way to specify a class at all? I realise this is going outside of normal use. Hmm, perhaps I need to just make the whole component library printer friendly, and then have pages that open with no headers. Thanks, will ponder.

(Also, is that "Reset" button on the web interface really the HTML reset to clear all edit inputs? That was horrible when it came in, and especially so in modern times - it should be killed instantly!)
Wed, Feb 24 2016 11:44 AMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Matthew,

<< (Does the web interface quote your reply? hope so!) >>

Yes.

<< That would work, but I really want the lovely look that I can create in the EWB components. >>

Regardless, the EWB controls are simply not laid out in a way that is going to be amenable to printing.

<< My ideal would be a WYSIWYG but with some slight variations. Sounds like there is no such facility - and inspecting I see the style is pretty much "hard coded" into the HTML, and my WordPress page uses "class" of "art-header" (article-header) which I can customise. Hmm, is there a way to specify a class at all? >>

If you specify a class, then doing so will wipe out some/all of the control interface UI settings for the control, as well as some/all of the settings that you've set via the control properties in the Object Inspector or code.

<< (Also, is that "Reset" button on the web interface really the HTML reset to clear all edit inputs? That was horrible when it came in, and especially so in modern times - it should be killed instantly!) >>

Yes, that's what it does.

Tim Young
Elevate Software
www.elevatesoft.com
Thu, Feb 25 2016 11:07 AMPermanent Link

Matthew Jones

Tim Young [Elevate Software] wrote:

> If you specify a class, then doing so will wipe out some/all of the
> control interface UI settings for the control, as well as some/all of
> the settings that you've set via the control properties in the Object
> Inspector or code.

Okay, thanks. Will consider all this carefully. Maybe PDF is the better
way for a "printable" version anyway.

--

Matthew Jones
Tue, Jun 14 2022 3:59 PMPermanent Link

erickengelke

"Matthew Jones" wrote:

Tim Young [Elevate Software] wrote:

>> If you specify a class, then doing so will wipe out some/all of the
>> control interface UI settings for the control, as well as some/all of
>> the settings that you've set via the control properties in the Object
>> Inspector or code.

>Okay, thanks. Will consider all this carefully. Maybe PDF is the better
>way for a "printable" version anyway.

I've added a feature to my Nice Component kit that lets you save as PNG or now also print any EWB form.

A good use for this would be to make hard copies of receipts, forms, etc without having to generate a PDF or interact with the server, it's all client based using standard EWB controls.

To preview, see
  https://erickengelke.com/nice/samples.html
and click Print/Save Window

It works with Safari, Chrome, etc. (not IE, which has... maybe two weeks left of life before MS kills it)
and doesn't require any programming changes or harm your source CSS.

Contact me for details.
Erick
EWB Programming Books and Component Library
http://www.erickengelke.com
Image