How to use css media types in uibinder

656 views

Skip to first unread message

vali

unread,

Jul 12, 2010, 2:05:57 PM7/12/10

to Google Web Toolkit

Hi!

How can i use the "@media print {}" property in my ui.xml?

e.g:
-------------------------------------
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui">
<ui:style>
@media screen {
.main {
background-color: #F5F5F5;
}
}

@media print {
.main {
display: none;
}
}
</ui:style>

<g:HTMLPanel addStyleNames="{style.main}"> ....
------------------------------------------------

doenst work for me. The panel got "display: none" on the website as
well (not only in print mode). I guess i have to escape the "@"
somehow.

Since the css class names are encrpyted i cannot use an external css
file. Also i want to change styles directly in the widgets to get the
best overview. Anyone know how to do that?
greetings
vali

Thomas Broyer

unread,

Jul 13, 2010, 5:24:53 AM7/13/10

to Google Web Toolkit

On 12 juil, 20:05, vali <valentin.kol...@googlemail.com> wrote:
> Hi!
>
> How can i use the "@media print {}" property in my ui.xml?