-
FEATURED COMPONENTS
First time here? Check out the FAQ!
We need to reduce the initial delay before showing the popup as a tooltip.
The following code has a simple label set as a tooltip for a button component:
<?page title="popup-onhover-demo" contentType="text/html;charset=UTF-8"?> <zk> <window title="popup-onhover-demo" border="normal"> <button label="Hover me" tooltip="popup" /> </window> <popup id="popup" top="200px" left="350px"> <label value="Hover message showing!!!" /> </popup> </zk>
I understood this delay is purposefully made for performance reasons. But, sometimes we need to compromise for fast responsiveness.
Any idea to customize the delay time to show popup tooltip is welcome.
Thank you.
Hi,
you can configure it via zk.xml:
HTH, Maik
Thank you, Maik :)
Hi, if you'd like to control the delay time at the individual component level, simply modify the tooltip in your zul to include the delay parameter:
<?page title="popup-onhover-demo" contentType="text/html;charset=UTF-8"?> <zk> <window title="popup-onhover-demo" border="normal"> <button label="Hover me" tooltip="popup, delay=0" /> </window> <popup id="popup" top="200px" left="350px"> <label value="Hover message showing!!!" /> </popup> </zk>
Hope that helps as well.
Todd
P.S. I'm running ZK5 so I'll apologize in advance if you are running 3.6.x and it isn't supported there...
Thank you, Todd :)
This is great to customize only at the needed places.
Pradeep,
Try something like this:
<zk> <window> <image src="http://www.zkoss.org/zksandbox/img/Centigrade-Widget-Icons/Globe-128x128.png" tooltip="popup, delay=0" /> </window> <popup id="popup" top="200px" left="350px"> <grid width="500px"> <columns> <column label="Item" width="100px"/> <column label="Description"/> </columns> <rows> <row> <label value="11111"/> <label value="Lorem ipsum dolor sit amet, consectetur adipiscing elit."/> </row> <row> <label value="22222"/> <label value="Mauris sagittis quam sed nibh pulvinar tempus."/> </row> </rows> </grid> </popup> </zk>
Regards,
Todd
Asked: 2010-06-11 07:57:48 +0800
Seen: 2,041 times
Last updated: Feb 23 '12