Установка стилей на разные грани пользовательской кнопки GWT с помощью 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. Пожалуйста помоги.

2 ответа

Решение

Решение:

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

http://examples.roughian.com/index.htm

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

Другие вопросы по тегам