TouchMenu component

Very interesting one.

The funny thing is that we also got a request earlier this week from one of our customers to design a new touch screen optimized interface for their library as they going to buy new touch screen terminals for the internal library reading hall :wink:

I’ve been thinking about the animation from release position to static position, but as of yet haven’t gotten my head around for the from position → to position movement amount. I’ll be adding it as soon as I get a grasp on it as it bothers me a little bit too.

I’ve so far only briefly tested the component on chrome.

For the columns I need to make a requested column amount so that the correct amount would come back when resized back. Loosing columns happens on all browsers right now.

For the dissabling arrows I have an inkling on what the problem might be.

Requested columns are now remembered and reappear on resize action.
Found the stuck on enabled state too and it should be fixed also.

Update.

Now positioning after dragging is animated and added/fixed button removal function. Remove button function
Video
.

Aslo fixed a bunch of other small things that came up.

Nice addon!
Is it possible to make ButtonSize enum public? No way to use it now…

Struggled with the same issue, why not make the ButtonSize enum public?

+1

we need the ButtonSize public !!

Changed ButtonSizes to public.
Will try to take time at some point to have the button sizes free.

TouchMenu now supports touch events and is usable with tablets and touch phones.
Functionality tested only with Android 2.2.1 and 3.0.1

Hi,

I am trying to use TouchMenu 0.4.0 with vaadin 6.6.7 but I am not able to compile the widgetset in eclipse (same with vaadin 6.6.6).

Is TouchMenu working with vaadin 6.6.7 / 6.6.6 ? Or should I switch to 6.5 ?

Error-Message :
[WARN]
Widget class org.vaadin.touchmenu.client.ui.VTouchMenu was not found. The component org.vaadin.touchmenu.TouchMenu will not be included in the widgetset.

Before this error GWT compiler shows :
Validating newly compiled units
[ERROR]
Errors in ‘jar:file:/D:/development/CoCoMaUI/WebContent/WEB-INF/lib/TouchMenu-0.4.0.jar!/com/google/gwt/mobile/client/TouchEvent.java’
[ERROR]
Line 33: The return type is incompatible with NativeEvent.getTouches()
[ERROR]
Line 33: Methods cannot be overridden in JavaScriptObject subclasses

gwt-dev.jar and gwt-user.jar are 2.3.0

Thanks

I am also getting this error. I notice the switch component also had this error and was fixed rather rapidly with a new version. Is there any chance of a fix for this soon?

Hugh

Hi.

Haven’t had too much time lately, but I’ll try to remember and get this fixed and updated asap.
Probably during the weekend. I’ll inform again when it’s done.

-Mikael

Updated the component to work with 6.6 and 6.7
Sadly the touch functionality broke during the update and finger swipe will not work on a tablet.
I’ll have to fix this when I get the time.

-Mikael

Hi All,

I need to Scroll both Vertically (using top_arrow.jpg, down_arrow.jpg) as well as Horizontally. What changes i can make in the Source Code.

Pls anyone guide me to do this.

Thanks & Regards,
Chethan

Hi All,
I have some troble to use this add on , because it not work on IE 8 , for test i try to use dirctly the code of the test application that i find in the jar, and if i run under firefox or IE 9 all work , but if i use IE 8, nothing was Show .
I try to watch the vaadin debug console and i found this error:

JavaScriptException: (Error): Invalid argument.
number: -2147024809
description: Invalid argument.Processing time was 31ms for 1642 characters of JSON
Referenced paintables: 3

can you help me , or fix it .

Thanks

P.S. I forgot , i use vaadin 6.6.6.

I’m trying to use your TouchMenu but doesn’t work. I receive this error when I try to run it:

Widgetset does not contain implementation for org.vaadin.touchmenu.TouchMenu. Check its @ClientWidget mapping, widgetsets GWT module description file and re-compile your widgetset

The compilation of widgets was made:

INFO: Widgetsets found from classpath:
com.vaadin.addon.touchkit.gwt.TouchKitWidgetSet in jar:file:/Users/vittorio/workspaceJuno/MostreNew/WebContent/WEB-INF/lib/vaadin-touchkit-cval-2.1.3.jar!/
com.vaadin.terminal.gwt.DefaultWidgetSet in jar:file:/Users/vittorio/workspaceJuno/MostreNew/WebContent/WEB-INF/lib/vaadin-6.8.4.jar!/
it.prismatdi.mostre.widgetset.MostrenewWidgetset in file:/Users/vittorio/workspaceJuno/MostreNew/src
org.vaadin.touchmenu.widgetset.TouchmenuWidgetset in jar:file:/Users/vittorio/workspaceJuno/MostreNew/WebContent/WEB-INF/lib/TouchMenu-0.5.0.jar!/
org.vaadin.simplegesture.SimplegestureWidgetset in jar:file:/Users/vittorio/workspaceJuno/MostreNew/WebContent/WEB-INF/lib/SimpleGesture-0.8.jar!/
com.invient.vaadin.charts.widgetset.InvientChartsWidgetset in jar:file:/Users/vittorio/workspaceJuno/MostreNew/WebContent/WEB-INF/lib/invientcharts-0.8.6.jar!/

Any ideas,please?

Cool add-on!
Please, is it possible to a method to enable or disable a single button?
In my opinion, best solution could be use a “MenuButton.setEnabled(boolean)” method
Regards

After a long silent period I finally got the time to remake the addon.
Now there is a updated version for Vaadin 7.

Buttons can now basically be any size and they are their own component TouchMenuButton that is added to the menu.
Buttons can now also be disabled with button.setEnabled(false);

Updated component works also on touch devices.

Problems and issues should now be marked to the issue tracker on GitHub.

Also to note thet the 6.x version will not be maintained anymore. (Sorry if this causes problems for you.)

Hi All,

Sorry for this necropost, but i have nearly the same question that Chethan asked 3 years ago: How could I change the horizontal scroll into a vertical scroll ?

Thanks

Hi.

This is not so much a bring back the dead post as I did update the component just a couple months ago.

he Change from Horizontal to Vertical would basically require the client widget code to be rewritten to handle sizes and directions in a different order.

I didn’t think about this at all when creating the component so the easiest way would be to add an Enhancement issue to GitHub and wait for me to get it done. (I think I should have time for this in the near future)

The second way would be to basically change any X to Y, left to top and flip the Column and Height usages to Row and Width in the TouchMenuWidget class.

Hi.

Finally got the new version 1.1.0 released with the possibility to choose horizontal or verticall scrolling.
Had a problem a month ago as my laptops gpu suddenly died and the machine wouldn’t boot anymore.

Any issues that come up just post them to https://github.com/caalador/TouchMenu/issues

  • Mikael