Как добавить фоновое изображение и значок для кнопки JSF? - PullRequest
Новая
       40

Как добавить фоновое изображение и значок для кнопки JSF?

0 голосов
/ 16 февраля 2012

Я использую JSF 2.0
Я могу добавить фоновое изображение для кнопки JSF, но не могу добавить значок для кнопки.

Мои требования: - Кнопка JSF с фоновым изображением и значком

Следующий код используется для добавления фона. 

     <!-- Discard button-->

<h:commandButton action="discard"  style="background-image: url('..\\Images\\leftMenuActiveBg.png');width: 150px;height: 30px;color: white;border-color: white;font-size: 15px; "  value="#{message.discard}">
<rich:componentControl target="popup" operation="show" />
 </h:commandButton>

Может ли кто-нибудь помочь мне вдобавьте значок на кнопку тоже, пожалуйста.enter image description here
Я обновляю изображение для лучшего объяснения как то, что я хочу достичь, и я достиг того, чего я достиг до сих пор с помощью приведенного выше кода.

1 Ответ

1 голос
/ 16 февраля 2012

То есть вы хотите кнопку с двумя фоновыми изображениями? Это невозможно для одного элемента HTML. <h:commandButton> генерирует один элемент HTML <input type="submit">, в то время как вместо него вам нужен <button type="submit" class="background"><span class="icon">. Вам нужно создать пользовательский компонент, который генерирует именно этот HTML, или принять стороннюю библиотеку компонентов, в состав которой входит такой компонент, например PrimeFaces . Смотрите также витрина <p:commandButton> .

...