2014-06-05 7 views
0

Версия:богатых: подсказка установить цвет фона

RichFaces 4.3.5

Apache MyFaces 2.1

Издание:

Мы мигрируют из богатых граней 3 до 4. Вопрос заключается , Я не могу установить цвет земли для богатых: компонент всплывающей подсказки

Установка styleClass="tooltip-text" для tooltip componenten t не работает. Кажется, что встроенный стиль .rf-tt-cnt должен быть установлен с фоном. Но как этот встроенный стиль будет применен к структуре ниже?

styleClass="tooltip-text rf-tt-cnt" похоже не работает. Пожалуйста, помогите.

Код:

<h:panelGroup> 
      <h:outputText id="statusId" style="cursor:hand; color:#0000F0; text-decoration:underline;" value="#{val.statusValue}" /> 
      <rich:tooltip target="statusId" styleClass="tooltip-text" showEvent="click" direction="bottomLeft" followMouse="false" layout="block" > 
        <h:panelGrid columns="1"> 
         <h:panelGroup> 
          <h:outputLabel value="Detail Status " rendered="#{bean.statusDescr}" />        
         </h:panelGroup> 
        </h:panelGrid> 
      </rich:tooltip> 
    </h:panelGroup> 


    .tooltip-text{ 
     background-color:orange; 
     } 
+0

Как насчет добавить стиль для panelGrid: '<ч: panelGrid столбцы =«1»стиль =«цвет фона: оранжевый;»> '? –

+0

Спасибо за ваш ответ Василий. Установив стиль для панели PanelGrid, он все еще оставляет какую-то часть между подсказкой и сеткой панели без цвета. Установив одинаковый цвет как для всплывающей подсказки, так и для панельной панели также оставляет часть без цвета. – Atul

+0

@Vasil: Спасибо за ответ. Мне еще предстоит попробовать. Примите ответ, если он сработает. – Atul

ответ

1

Для установки цвета фона в подсказке вы можете переопределить класс RichFaces. Добавьте следующий код на странице (или установить его в надлежащем файле CSS):

<h:outputStylesheet> 
    .rf-tt-cntr { 
     background-color: red; 
    } 
</h:outputStylesheet> 
+0

Спасибо за ответ. В дополнение к вышеуказанному стилю мы должны использовать! Важно для свойства background-color. – Atul

Смежные вопросы