Directory

← Back

Vaadin TouchKit

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

Author

Contributors

Rating

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 7.6+ in 4.2.4
Vaadin 7.0+ in 3.0.2
Vaadin 6.8+ in 2.1.5
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.
Online