Установка стилей на разных сторонах GWT CustomButton с помощью UiBinder

Я пытаюсь установить имена стилей на разных сторонах ToggleButton (например, upFace, downFace,...). Похоже, установка styleName на лице не работает. Например, следующее не будет работать:

<g:ToggleButton>
    <g:upFace styleName='{style.myToggleButton-up}' />
</g:ToggleButton>

Но я заметил, когда устанавливал имя стиля на самом ToggleButton...

<g:ToggleButton styleName='{style.myToggleButton}' />

... сгенерированный HTML будет выглядеть примерно так:

<div class="GPAKHSCBGG GPAKHSCBGG-up" role="button" aria-pressed="false">...</div>

Однако, даже если я определил {style.myToggleButton-up}, он не заполняется GPAKHSCBGG-up. Поэтому мне интересно, как я могу это сделать, не издеваясь над глобальной таблицей стилей .gwt-ToggleButton-up. Пожалуйста помоги.


person orad    schedule 04.08.2011    source источник


Ответы (2)


http://examples.roughian.com/index.htm#Widgets~ToggleButton

Все компоненты GWT имеют предопределенные определения классов CSS, то, что вы пробовали, не переопределяло определения.

person napo    schedule 05.08.2011
comment
Ну, это работает только при определении таблиц стилей в глобальном файле .css (либо путем установки styleName, либо stylePrimaryName). Но это не работает при определении стилей в ‹ui:style› файла .ui.xml. Я еще не нашел решения для этого, и для меня это похоже на ошибку GWT или отсутствие функции. - person orad; 06.08.2011

Решение:

Добавьте @external myToggleButton, myToggleButton-up; в файл ui:binder.

person orad    schedule 06.08.2011