JSF/스타일링 h : outputText 툴팁

툴팁 사용자 정의 모양을 만들고 싶습니다.JSF/스타일링 h : outputText 툴팁

<h:outputText value="blarg" title="tooltip">

Plese 내가 사용 해본 결과 리치 : tooltip을 사용하지 말라고 말하면서 데이터 테이블을지나 확장하는 버그가 있습니다. 그래서 jsf의 outputText 툴팁을 실제로 스타일화할 수 있는지 궁금합니다.

방법을 알고 있다면 알려주십시오.

감사합니다. 좋은 하루 되세요.

출처

2011-09-15 Kevin

일반 바닐라 HTML/CSS를 사용하여 툴팁 스타일을 지정할 수 없습니다. HTML DOM 트리를 살펴보고 각 title 속성을 에 표시된 <div>을 찾는 숨겨진 멋진 속성으로 "변환"하는 데 실제로 JavaScript가 필요합니다.

RichFaces는 이미 jQuery와 함께 제공되므로 jQuery 플러그인을 가져올 수 있어야합니다. 예 : qTip plugin.

것은 내가 시도로 <rich:tooltip>를 사용하는 말해 그들은 그것이 데이터 테이블을지나 확장하는 버그를하지 마십시오.

그것은 기술적으로 <rich:tooltip>와 관련된 CSS를 미세 조정의 문제가 될 것이다.

출처

2011-09-15 13:38:55 BalusC

흠 내가 부자의 대부분을 검토 한 결과 : 툴팁이 있지만 3.3.3에 버그가있는 것 같아서 weblogic incompatibilites로 인해 4.0으로 업그레이드 할 수 없었습니다. – Kevin

이렇게 할 수 있습니다.

Primeface의 <p:tooltip/>을 사용하십시오.

보기 :

<h:panelGrid columns="2" cellpadding="10"> 
    <h:outputLink styleClass="outputText" id="fades" value="#"> 
     <h:outputText value="Your text"/> 
    </h:outputLink> 
    <p:tooltip id="toolTipFades" for="fades" value="The text for tooltip"/> 
</h:panelGrid>

CSS는이 코드를

.outputText{ 
cursor: default!important; 
text-decoration: none!important; 
}

당신이 툴팁으로 <h:outputText /> 시뮬레이션 및 작동; D

출처

2015-11-06 16:57:28

JSF/스타일링 h : outputText 툴팁

답변

관련 문제