How do you add rich:tooltip to a rich:calendar?

[oneworld95]

How do you add rich:tooltip to a rich:calendar? I've tried adding the tooltip inside the rich:calendar, but that broke the functionality of the calendar. Thanks.

[nbelaevski]

Hi,

Add tooltip after the calendar and either enclose both components into a4j:outputPanel or use "for" attribute to point to calendar component.

[oneworld95]

Thanks, nbelaevski. The "for" attribute did the trick.

[alesya]

Hi oneworld95,

Can you please post the code which is working fine?
I'm having similar problem as yours.
Thanks.

[oneworld95]

Here's the working code:

<rich:calendar id="calDueDate" value="#{webencode.dueDateTime}"
 datePattern="MM-dd-yyyy HH:mm a" showApplyButton="true"/>

<rich:toolTip showEvent="onmouseover" stopEvent="onclick"
 followMouse="true" direction="top-right"
 showDelay="300" styleClass="tooltip tooltip_custom" id="tltTime"
 for="calDueDate">
 <span style="white-space:nowrap">
 To add the time, choose the date first, then click the time at the bottom of the calendar.
 </span>
</rich:toolTip>

[alesya]

Thank you very much for the code :)
The code enables the tooltip to be shown on the calendar.

But how do you make the tooltip to be shown on the date input field, instead?

[oneworld95]

You're welcome, alesya. That was something I wondered about, too. Maybe one of the experts on this forum can answer that.