Задание стилей для разных граней пользовательской кнопки GWT с помощью UiBinder

Question

Я пытаюсь установить имена стилей на разных гранях 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. Пожалуйста, помогите.

Answer 1

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

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

Answer 2

Решение:

Добавить @external myToggleButton, myToggleButton-up;в пользовательский интерфейс: файл подшивки.