Установка стилей на разные грани пользовательской кнопки 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, но то, что вы пробовали, не переопределяло определения.