Eclipse Community Forums: Remote Application Platform (RAP) » Usage of CSS3 @media print Rule in RAP

Home » Eclipse Projects » Remote Application Platform (RAP) » Usage of CSS3 @media print Rule in RAP

Usage of CSS3 @media print Rule in RAP [message #1776624]

Sat, 18 November 2017 15:45

Eclipse User

We know how to use CSS for customizing RAP applications introducing a special CSS file, but also know that this CSS file is specific for RAP and you cannot put into it what you would put into a standard JEE CSS3 file.
For example you cannot use the CSS3 '@media print' Rule
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

We would like to set some customization when the user does Ctrl-P to print the page, e.g. scaling to 50% all the page content.
In a standard JEE approach you could use a CSS3 '@media print' Rule to perform this.
In RAP how could we link a standard JEE CSS file to the HTML application page or alternatively how can we set attributes for the '@media print' output?

Thank you very much
Vincenzo

Re: Usage of CSS3 @media print Rule in RAP [message #1776751 is a reply to message #1776624]

Tue, 21 November 2017 03:06

Eclipse User

Hi Vincenzo,
standard CSS file can be loaded with ClientFileLoader client service.

[1] http://download.eclipse.org/rt/rap/doc/3.3/guide/reference/api/org/eclipse/rap/rwt/client/service/ClientFileLoader.html

HTH,
Ivan

Re: Usage of CSS3 @media print Rule in RAP [message #1776779 is a reply to message #1776751]

Tue, 21 November 2017 10:13

Eclipse User

Hi Ivan,
thank you very much.
Unfortunately we are tied to RAP 3.0.2, since Java 8 is not available on the server's customer.
Is there some way/hack to register a standard CSS file before RAP 3.1 ?
Thank you very much.
Vincenzo

[Updated on: Tue, 21 November 2017 10:16] by Moderator

Re: Usage of CSS3 @media print Rule in RAP [message #1776815 is a reply to message #1776779]

Tue, 21 November 2017 16:07

Eclipse User

You could use the org.eclipse.rap.ui.branding extension point to load a body html fragment with Javascript to load your CSS file. The contents of the file specified gets put in the <body> tag of the start page.

Re: Usage of CSS3 @media print Rule in RAP [message #1776847 is a reply to message #1776779]

Wed, 22 November 2017 04:15

Eclipse User

Hi,
you can also specify your CSS file in your application configuration. See [1]

[1] http://download.eclipse.org/rt/rap/doc/3.3/guide/reference/api/org/eclipse/rap/rwt/client/WebClient.html#HEAD_HTML

HTH,
Ivan

Re: Usage of CSS3 @media print Rule in RAP [message #1776848 is a reply to message #1776847]

Wed, 22 November 2017 04:18

Eclipse User

... and here is a working example [1]

[1] https://github.com/eclipse/rap/blob/master/examples/org.eclipse.rap.examples/src/org/eclipse/rap/examples/internal/ExampleApplication.java#L35

Previous Topic:	Nebula Grid text color using Table-GridLine:horizontal
Next Topic:	Inconsistencies with selection in a table via keyboard

Goto Forum:

-=] Back to Top [=-

Current Time: Sat Jul 19 09:44:20 EDT 2025

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter