2011-09-15 30 views
2

カスタムツールチップを作成したいと思います。JSF /スタイリングh:outputTextツールチップ

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

私は試してみたとおり、豊富なツールチップを使用するようには言いません。データテーブルを超えてバグがあります。実際にjsfのoutputTextのツールチップをスタイルすることが可能かどうか疑問に思っていました。

あなたが知っているなら、私に指摘をしてください。

ありがとうございます。良い一日を過ごしてください。

答えて

3

プレーンなバニラHTML/CSSを使用してツールチップをスタイルすることはできません。 HTML DOMツリーを歩き、title属性をすべての間に表示される<div>と見える隠された空想に「変換」するためには、実際にJavaScriptが必要です。

RichFacesにはjQueryが付属しているので、jQueryプラグインを取得することが可能です。たとえば、qTip pluginです。

私が試してみましたし、彼らはそれがデータテーブルを越えて延びるバグを持っているとして<rich:tooltip>使用するように私に教えないでください。

それは技術的に<rich:tooltip>に関連付けられているCSSをfinetuningの問題でなければなりません。

+0

うーん、私は金持ちのほとんどを見てきました:ツールチップですが、3.3.3にバグがあるようですが、weblogicの非互換性のために4.0にアップグレードできませんでした。 – Kevin

1

これは可能です。

プライムフェイスの<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:あなたがツールチップと作品との<h:outputText />をシミュレートし、このコードで

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

; D

関連する問題