Community Spotlight - May 2016

In this month’s Community Spotlight, I’d like to summarize some of the new add-ons that have been published in Vaadin Directory recently. We are close to reaching 600 add-ons, so a big thanks to everyone using and contributing to the framework. Keep sharing your widgets so that others can enjoy them as well!

New add-ons

Lots of new add-ons have appeared in Vaadin Directory during the last months. Here is a list of some of them including older ones with major updates:

Medium Editor wrapper: A Vaadin wrapper of the medium-editor javascript library, an inline WYSIWYG editor.

NavDrawer Add-on: A container of components that can be hidden or expanded based on event listeners from other components, such as buttons.

AutocompleteTextField Add-on: A text field with word completion based on a modified version of Pixabay's JavaScript-autoComplete library.

VizComponent Add-on: Displays interactive graphs rendered with a Javascript translation of Graphviz.

Spinkit Add-on: Simple loading spinners animated with CSS. Using some of these spinners instead of the ProgressBar from the core might give your app some nice character. Check out the cool demo!

FamFamFlags: Easily add flag icons in Vaadin applications.

dTabs Add-on: A TabSheet clone that enables you to customize the position of the tabs (for example placing them at the bottom of the component container instead of the top).

Timer: Schedule server side events or run them periodically.

Guice Vaadin integration: Vaadin integration for Google's Guice CDI framework.

TextFieldMultiline Add-on: A text field that turns into a text area with the option to have a multiline string. Each line will be an entry in the value (List).

ExternalLayout: A single component container that can render the given component to any HTML-element in the page.

Flip: Make your Vaadin components two sided using a horizontal 3D turn effect. Flip effect can be triggered on hover, on mouse click, or programmatically.

AnonymizedGoogleAnalyticsTracker: An extension to the GoogleAnalyticsTracker add-on that adds features for privacy protection required for legal usage of GoogleAnalytics in some countries.

OpenLayers 2 Add-on: A Vaadin 7 port of the OpenLayers Wrapper add-on for Vaadin 6. It implements all of the same features as the Vaadin 6 version.

ComboBoxMultiselect Add-on: A ComboBox-like component that allows users to select multiple items by using checkboxes.

MasketField: A text field that limits the input according to a configured filtering string.

Madura-vaadin: Ties together the back-end Madura projects (Madura Objects and Madura Rules), and delivers them with a Vaadin UI.

FormBuilders: Build forms by using annotations in your entities.

That's all for this month. Remember that the best way to keep track of what is happening in Vaadin Directory, is to follow @vaadindirectory on Twitter - you'll hear about all new updates there.

Online trainings 20% off during Vaadin Summer School

Just like last year, we want to give you the chance to learn new things during the summer – and we’re thus running a discount on online trainings this summer as well. There are courses for all levels, from Vaadin Framework (2 days) to Vaadin Framework Best Practices (2 days) and from Vaadin Framework and Java EE (2 days) to Vaadin Framework Client-side (1 day).

This is what you'll learn:

Vaadin Framework 800€ (normally 1000€)

  • During this course you will learn the basics of developing with Vaadin Framework and start building your own applications.

Vaadin Framework Best Practices 800€ (normally 1000€)

  • This course teaches you the best practices in using Vaadin Framework and how to maintain, structure and optimize your application. 

Vaadin Framework Client-side 400€ (normally 500€)

  • This course helps you to extend Vaadin's functionality on the client-side with JavaScript and GWT. 

Vaadin Framework and Java EE 800€ (normally 1000€)

  • Learn how to make use of Java EE in your Vaadin web applications.


To give you a preview of what the trainings are all about, before you make your decision, check out the Vaadin Training Sneak Peek webinar on what you’ll learn in practice, including some of the hands-on exercises.

See all online trainings

Announcing Vaadin Core Elements 1.0

Vaadin has been in the business of building UI components for the web since our start in 2000. Over the years, we’ve built up a big library of components and more importantly we’ve learned a lot about what developers and businesses need from their components. With the introduction of the Web Components standards, we saw an opportunity to use the knowledge we’ve built up over the years to create a modern component set that runs directly on the browser and can be used together with any front end framework.

Today we’re happy to announce that we’ve reached our first major milestone and are releasing Vaadin Core Elements 1.0. The first stable release of Vaadin Core Elements includes grid, combo-box, date-picker, upload and icons. Vaadin Elements is designed to complement Polymer Elements with components that are needed in more complex business applications. Together, Vaadin and Polymer Elements make up a comprehensive UI component library that contains most elements you need to build any application. Because Web Components are built on W3C standards, you can also mix and match Vaadin Elements with any of the thousands of other ready made Web Components out there.

One of the most exciting uses for Vaadin Elements is building Progressive Web Applications for mobile devices. Progressive Web Applications let users start using your application directly in their browser. The apps are connectivity independent, working reliably in low quality networks or offline and are able re-engage users through push notifications. If the user visits the app repeatedly, they browser will allow them to add the application to their home screen for convenient access and integration with the task switcher. We have built an example Progressive Business Application with Vaadin Elements that you can try out on your own device. To help you get started, we’ve also made the full source code for the sample available on GitHub.

With repeated use, the browser will prompt the user to add the Progressive Web App to their home screen.

Looking forward

With 1.0 released, we’re focusing our efforts on adding more elements to the set and improving integration with popular frontend frameworks. In fact, we just released a beta version including Angular 2 APIs for Vaadin Elements and Paper Elements, enabling you to use Angular data binding seamlessly with all web components.

Browse all Vaadin Elements and examples