Directory

← Back

Vaadin TouchKit

Build touch-enabled applications for iOS and Android mobile devices using Vaadin

Author

Rating

Popularity

100+

Vaadin TouchKit development has been DISCONTINUED. Read more details from the blog post.

TouchKit is a collection of UI components bundled with a theme that helps developers build great looking mobile applications for iPad and mobile phones. You can build applications that resemble native apps. TouchKit will enable touchscreen interactions and NavigationManager adds animations to your screen transitions.

No knowledge of mobile devices needed, the programming model is the same as for other Vaadin applications.

TouchKit works with iPhone/iPad (iOS 5+) and Android (v2.3+) devices. TouchKit 4 also adds Windows Phone 8 support.

This add-on is available under two licenses: AGPL and CVAL. If your project is compatible with AGPL, you can use the add-on for free; otherwise you must acquire a sufficient number of CVAL licenses before the 30-day trial period ends. For more info, click the license links in the summary above.

The 3.x and 4.x series versions are compatible with Vaadin 7, 2.X series with Vaadin 6.

Sample code

   @Override
    public void onBrowserDetailsReady() {
        WebBrowser browser = getBrowser();
        if (!browser.isTouchDevice()) {
            getMainWindow()
                    .showNotification(
                            "You appear to be running on a desktop software or other non touch device. We'll show you the tablet (or smartphone view if small screen size) for debug purposess.");
        }

        if (isSmallScreenDevice()) {
            getMainWindow().setContent(new SmartphoneMainView());
        } else {
            getMainWindow().setContent(new TabletMainView());
        }
    }

  public boolean isSmallScreenDevice() {
        float viewPortWidth = getMainWindow().getWidth();
        return viewPortWidth < 600;
    }
VerticalComponentGroup group = new VerticalComponentGroup(
                "Please enter your information");
group.addComponent(new TextField("Name"));
group.addComponent(new NumberField("Age"));
group.addComponent(new EmailField("Email"));
layout.addComponent(group);

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Version 4.2.6

  • Fix issue with duplicate icon in date picker
Released
2022-10-07
Maturity
STABLE
License
GNU Affero General Public License v3.0

Compatibility

Framework
Vaadin 7.7+
Vaadin 6.8+ in 2.1.5
Vaadin 7.0+ in 3.0.2
Vaadin 7.6+ in 4.1.0
Browser
Firefox
Safari
Google Chrome
iOS Browser
Android Browser
Internet Explorer
Internet Explorer
Windows Phone
Microsoft Edge

Vaadin TouchKit - Vaadin Add-on Directory

Build touch-enabled applications for iOS and Android mobile devices using Vaadin Vaadin TouchKit - Vaadin Add-on Directory
Vaadin TouchKit development has been DISCONTINUED. Read more details [from the blog post](https://vaadin.com/blog/-/blogs/touchkit-is-dead-long-live-touchkit). TouchKit is a collection of UI components bundled with a theme that helps developers build great looking mobile applications for iPad and mobile phones. You can build applications that resemble native apps. TouchKit will enable touchscreen interactions and NavigationManager adds animations to your screen transitions. No knowledge of mobile devices needed, the programming model is the same as for other Vaadin applications. TouchKit works with iPhone/iPad (iOS 5+) and Android (v2.3+) devices. TouchKit 4 also adds Windows Phone 8 support. This add-on is available under two licenses: AGPL and CVAL. If your project is compatible with AGPL, you can use the add-on for free; otherwise you must acquire a sufficient number of CVAL licenses before the 30-day trial period ends. For more info, click the license links in the summary above. The 3.x and 4.x series versions are compatible with Vaadin 7, 2.X series with Vaadin 6.
Features and Benefits
Issue Tracker
Online Demo
Parking demo sources
Documentation
License Installation Instructions
Author Homepage
Source Code
Discussion Forum

Vaadin TouchKit version 2.1.5
Fix to cache manifest linking with deep theme file structures and improved packaging. See full list of changes from http://dev.vaadin.com/query?status=closed&group=resolution&milestone=TouchKit+2.1.5

Vaadin TouchKit version 3.0.2
Improves offline use, in particular with Cordova/PhoneGap on Android, see http://dev.vaadin.com/ticket/13250

Vaadin TouchKit version 4.1.0
Vaadin TouchKit has been updated to work with latest client-server reconnect handling included in Vaadin Framework. Due to the nature of this changes Vaadin TouchKit 4.1 is only compatible with Vaadin Framework 7.6 or posterior. Use TouchKit 4.0.x or earlier if you use Vaadin 7.5 or earlier.

Vaadin TouchKit version 4.2.1
### Version 4.2.1 - Added support for service worker, local storage aka PWA when using newer Chrome / Android versions

Vaadin TouchKit version 4.2.2
### Version 4.2.2 - Fix AppCache issue with Firefox

Vaadin TouchKit version 4.2.3
### Version 4.2.3 - Fix potential NPE and another exception that can happen in production mode

Vaadin TouchKit version 4.2.4
### Version 4.2.4 - Fixed Vaadin 7.7.28 compatibility due new Jsoup version

Vaadin TouchKit version 4.2.5
### Version 4.2.5 - Fix compatibility with Safari on iOS 16 - Application cache manifest is deprecated

Vaadin TouchKit version 4.2.6
### Version 4.2.6 - Fix issue with duplicate icon in date picker

Online