GWT css background image

Question

I use GWT 2.1.1

In package resources i have png images and one css file.

In css file i wrote:

.finishedTask {
    background: white url("tick64.png") center center;
    padding: 0.5em;
    border: 0;
}

.unFinishedTask {
    background-color: white;
    padding: 0.5em;
    border: 0;
}

Than i create ClientBundle interface extension. With this CSS and images.

Than in UiBunder view i try to change css style:

    textArea.setStyleName(isFinished() ? res.style().finishedTask() : 
res.style().unFinishedTask());

When this code executed css layout of textArea are broken but i see that class changed (FireBug). Seems bug in css.

Maybe somebody already tried do the same thing.

what do you mean by `broken`? – Hilbrand Bouwkamp Jan 29 '11 at 15:10 — Hilbrand Bouwkamp, Jan 29 '11 at 15:10

score 2 · Accepted Answer · answered Jan 29 '11 at 19:22

2

Probably you should use addStyleName or addStyleDependentName instead of setStyleName which remove existing styles.

answered Jan 29 '11 at 19:22

Ilia Akhmadullin

1,573
1
10
16

GWT css background image

1 Answers1