Hi,
I'm generating a popup and assign it to an image.
Tags
People
Badges
Help
Image image = new Image();
Popup popup = new Popup();
image.setTooltip(popup);
The problem is that the popup is displayed default "atpointer" (http://books.zkoss.org/wiki/ZK_Developer's_Reference/UI_Patterns/Tooltips,_Context_Menus_and_Popups (Source)), so I can't click on the image which forwards me to another ZUL-Page. I want to change the position to "afterpointer", so I can see the tooltip, but nevertheless can click on the image.
How to I specify the position in JAVA code of a popup?
You can also set the position using the method XulElement#setTooltip(String) like in this small example I created on ZK fiddle.
Also read the API docs on the setTooltip method for additional options.
Robert
I should keep the eventlistener onMouseOver and set the tooltip there lik ecor said. It will load page faster (if you have a lot of pics remember each pic will construct the tooltip and are you sure that each tooltip is used?) and you have more a load on demand.
chillworld ( 2014-03-12 08:39:42 +0800 )editThe method Popup.open(Component, String) is used to specify the position of a popup component. The function's second argument takes a relative position, a list of 14 possible positions are provided below.
so do this :
Image image = new Image();
Popup popup = new Popup();
popup.open(image, "after_pointer");
greetz chill.
Thanks. Do i have to set an Eventlistener "onMouseOver"&"onMouseOut" at the image call "popup.open(image, "after_pointer");"? Because "image.setPopup" already shows/hides the tooltip on "onMouseOver" (but without position).
If you show it there, didn't you try to set the position there? normally that would work also.
chillworld ( 2014-03-11 12:51:07 +0800 )editAt the moment I'm only assigning the dynamically created popup to the image.
Image image = new Image();
Popup popup = new Popup();
image.setTooltip(popup);
Thats all and its working. But if i use, as you suggested, "popup.open" then I'll have to set a EventListener or am I missing something?
Image image = new Image();
Popup popup = new Popup();
image.addEventListener(Events.ON_MOUSE_OVER, myPopupOpenListener);
...
myPopupOpenListener -> "popup.open(image, "after_pointer");"
I think your missing something :
<popup id="thePopup" width="100px" height="100px">
<label value="I am a popup." />
</popup>
<window border="normal" title="Tooltip popup hides context">
<listbox height="300px">
<listitem label="The listitem" tooltip="thePopup, position=after_pointer" />
</listbox>
</window>
and in your code you just change your thePopup.
Greetz chill.
Mhh...
<listitem label="The listitem" tooltip="thePopup, position=after_pointer" />
so
image.setTooltip(popup);
does
<image tooltip="popup"/>
but how do I dynamically add the position? like
image.setTooltip(popup +",position=after_pointer")
I generate about 100x Images & Tooltips, so I have to do it in JAVA not in ZUL.
mhh I think the only way is the eventlistener then, little dirty way to accomplish it, but strange you just can't change the position already before you open it....
chillworld ( 2014-03-11 14:22:16 +0800 )editThank you for your help :)
I "solved" it with a Eventlistener and its working, but kinda ugly :x
image.addEventListener(Events.ON_MOUSE_OVER, new EventListener<Event>() {
@Override
public void onEvent(Event event) {
popup.open(image, "after_pointer");
}
});
image.addEventListener(Events.ON_MOUSE_OUT, new EventListener<Event>() {
@Override
public void onEvent(Event event) {
popup.close();
}
});
Asked: 2014-03-11 09:33:32 +0800
Seen: 44 times
Last updated: Mar 12 '14