Directory

← Back

HTML5 widgets for vaadin core

HTML5 widgets for vaadin

Author

Rating

Popularity

<100

This project allows you to use the new HTML5 inputs in vaadin: it extends the com.vaadin.ui.TextField and changes the input type. For Number and Range it also supports setting vital attributes. This allows you to use the native inputs on the iPhone, on Android, on Chrome, etc. and to provide an optimal experience to your users. You can find a ready-to-use sample and detailed instructions on https://github.com/akquinet/vaadin-html5-widgets

Feel free to share your insights, thoughts and feedback! - you can do this e.g. by using the Comments function of our Blog (bottom part of the page):

English: http://blog.akquinet.de/2014/09/02/using-html5-inputs-in-vaadin/ German: http://blog-de.akquinet.de/2014/09/02/nutzen-der-html5-inputs-in-vaadin/

Sample code

ColorField colorField = new ColorField();
colorField.setCaption("Color");
layout.addComponent(colorField);
RangeField rangeField = new RangeField();
rangeField.setMin(2);
rangeField.setMax(10);
rangeField.setCaption("Range between 2 and 10");
layout.addComponent(rangeField);

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

Adjustments vor Vaadin directory, default-depend on current Vaadin release

Released
2016-02-02
Maturity
EXPERIMENTAL
License
Apache License 2.0

Compatibility

Framework
Vaadin 7.1+
Browser
Firefox
Safari
Google Chrome
iOS Browser
Android Browser

HTML5 widgets for vaadin core - Vaadin Add-on Directory

HTML5 widgets for vaadin HTML5 widgets for vaadin core - Vaadin Add-on Directory
This project allows you to use the new HTML5 inputs in vaadin: it extends the com.vaadin.ui.TextField and changes the input type. For Number and Range it also supports setting vital attributes. This allows you to use the native inputs on the iPhone, on Android, on Chrome, etc. and to provide an optimal experience to your users. You can find a ready-to-use sample and detailed instructions on https://github.com/akquinet/vaadin-html5-widgets Feel free to share your insights, thoughts and feedback! - you can do this e.g. by using the Comments function of our Blog (bottom part of the page): English: http://blog.akquinet.de/2014/09/02/using-html5-inputs-in-vaadin/ German: http://blog-de.akquinet.de/2014/09/02/nutzen-der-html5-inputs-in-vaadin/
Online