I made a MultiSlider widget using the GWT and the gwt-dnd addon to rate texts. On the screenshot, you can see the slider button with value 50 dragged outside the slider bar. It can't be dropped outside the bar, but it can be dragged outside of it.
alt text http://lt3.hogent.be/hendi_docs/stackoverflow/gwt-dnd-multislider.png
Is there a way in GWT to always keep the slider buttons inside the slider bar?
EDIT:
The slider bar is an AbsolutePanel, and it is also the only droptarget for the slider buttons. The slider bar panel is also the boundary panel for the drop controller. Dropping outside of the bar panel is not possible, but dragging is.
Now what I really like to know is if it's possible to keep the mouse pointer on the bar panel. If a button is dragged out of it, it will remain on its old position when dropped (so that's OK). Is it possible to allow only vertical DRAGGING? Can the mouse position be set while dragging?
I've used dragController.setConstrainWidgetToBoundaryPanel(true), and I think dragController.setBehaviorConstrainedToBoundaryPanel(true) does the same thing. For more information, check out the javadoc for your version.
The method you're looking for is defined in AbstractDragController with this signature;
void setBehaviorConstrainedToBoundaryPanel(boolean constrainedToBoundaryPanel);
The boundary panel (often passed in in the first parameter to the drag controller constructor) in this case should be an AbsolutePanel which wraps the slider.
It may also be helpful to visualize the absolute panel if things are not working as expected:
absolutePanel.getElement().getStyle().setProperty("border", "1px dashed red");
Related
I have two panels in unity 2d directly overlapping each other and they use scroll panels so I can scroll down. I have it set so when one is accessed, the other is pulled up, but when they swap the other panel is grey and I cannot interact with it, but when I attempt to scroll the other panel scrolls instead, even though it is hidden and turned off.
I suspect that this is a bug in the code. It's possible, that when the user presses the scroll button in the first panel, and then releases the button, the second panel's scroll button thinks, it's already been pressed by the user, when in fact it isn't.
Set it up in such a way, that when you release the button on a scrollbar (the first scroll bar), it resets the click on the scrollbars connected to it (a second scroll bar).
I just want to make a moving button , Is there a way to do that in GWT? Thanks in advance.
BS
Out of the box, you can use a DialogBox to display your button. DialogBox can be moved around, but you will need to display something in a Caption that is used for dragging.
Another option is to use PopupPanel. It can be completely invisible (no Caption), but you will have to implement dragging functionality on your own. The advantage is that a PopupPanel floats on top of all the other layers in your UI.
Finally, you can simply add dragging functionality to a regular button. Just remember to check for the boundaries so that a user cannot drag your button outside of the visible browser area - or obscure some important elements of the UI.
Well, I make a Pane based on an example of JavaFX samples (Display Shelf), I put Panes with Labels, Buttons, ComboBox, TableView where's the ImageView. It is working, when I click on Pane, it does the animation correctly, but the buttons that I put in vertical on Right of Pane, receive the focus out of where they are. When I move the mouse button, nothing happens, but if I move the mouse to down of it, I can click in the button that so reveice the focus. The local where I have to move the mouse to button to receive the focus is increasingly far (down) if the button is below the other.
I'm using the Perspective Transform of JavaEX and all is in JavaFX Samples, just changed some params of size (width and height). This effect may be interfering in focus? Or can be another problem? If anyone already had this problem please help me. Thanks.
I can not solve my problem. As example, my website : www.mananaseguro.com.
In the home page, I have some popup appearing just under movies's poster (when the mouse is over the poster). But when I scroll UP (for example), the popup will not appear just under the poster. Their is a space between them. I tried to add the popup to the home's page panel but it did not succeed.
So is it possible to simulate the good popup behavior? (the popup must stay under the poster).
Or more precisely, is it possible to attach a DecoratedPopupPanel to another panel inside the page in order to have the popup scrolling in the same way that others elements?
Try using the PopupPanel#showRelativeTo() method.
You can achive good popup behavior by using below property.
popup.setPopupPosition(left, top)
Pass movie image x and y index position in top and left. and make consistent look and fill.
When you use your safari on iphone, you can see the page control on the right bottom corner.
If you press this button, all pages will show, also they can be edited too.
I try to do the similar thing like this.
I want to press my edit button on the toolbar, then all the subview will appear a delete control on the left top corner(right top corner all ok). I tried to use the tableviewcell(setEditing method), it show the delete control, but isn't appear on the top corner.
Do you have any ideas? Or, Am I doing something wrong by using tableviewcell?
A table-view cell definitely isn't the right approach here. That editing control is a custom one, probably a generic UIButton with a red-encircled X graphic. There isn't a built-in class that'll give you the behavior you're looking for; you'll have to roll your own, probably using a UIScrollView (with pagingEnabled set to YES) with your “page” views laid out in a row inside it.