Home » Vaadin

Tag Archives: Vaadin

Vaadin jQuery example

jQuery is a cross-platform JavaScript library designed to simplify the DOM manipulation. jQuery is the most popular JavaScript library in use today.                      Table Of Contents 1. The tools 2. Introduction 3. Prerequisites 4. Set up the project 5. Coding the example 5.1 jQuery 5.1.1 Download jQuery 5.1.2 Include jQuery in ...

Read More »

Vaadin Maps Example

Google Maps is a Web-based service that provides information about geographical regions and sites around the world.                   Table Of Contents 1. The tools 2. Introduction 3. Prerequisites 4. Set up the project 5. Coding the example 5.1 Configure the add-on 5.1.1 Edit ivy.xml 5.1.2 Edit ivysettings.xml 5.2 Edit the styles 5.2.1 ...

Read More »

Vaadin Best Practices

Best practices are procedures that are accepted or prescribed as being correct or most effective.                   Table Of Contents 1. The tools 2. Introduction 3. Prerequisites 4. Set up the project 5. Coding the example 5.1 Make a design 5.2 Annotations 5.3 Navigator 5.3.1 Layout & content 5.3.2 Navigator views 5.3.3 Menu ...

Read More »

Vaadin Window Example

A widget container to open, close and move overlay widgets on the screen, is a window. This kind of widget is used to create application dialogs for multiple tasks. You can have a window blocking the UI (modal window) or a non blocking window (modeless window). The simplest window is an alert notification but you can use this widget to make complex ...

Read More »

Vaadin Listselect Example

The selection list widget, is a user interface control that shows a list of elements. Those elements can be added and removed at run time. This control is a container for these items. Furthermore you can make selections at any time of these controls.             1. The tools Java JDK 8 Latest Eclipse Mars Vaadin ...

Read More »

Vaadin Custom Layout Example

In most GUI frameworks, a Layout manager is used to place widgets on the screen, there are multiple kind of layouts with different laying out policies. 1. The tools Java JDK 8 Latest Eclipse Mars Vaadin 7.6.6 Tomcat Server 8 2. Introduction The Vaadin custom layout uses HTML templates to lay out widgets on the screen, you can combine them ...

Read More »

Vaadin Data Binding Example

Data binding is a technique that binds the provider of the data with the consumer. Whenever the data change in the provider or the consumer, the changes are reflected in the other side. 1. The tools Java JDK 8 Latest Eclipse Mars Vaadin 7.6.6 Tomcat Server 8 2. Introduction In this example we are going to bind widgets in Vaadin ...

Read More »

Vaadin Button Example

A button is a graphical element that provides the user a way to trigger an event. The appearance and behavior of buttons is similar across platforms and a button indicates a possible user action. You can easily use it, if you have a pointing device like a mouse, but a button can trigger the most complex action inside a computational ...

Read More »

Vaadin OSGI Example

OSGI: Open Services Gateway initiative, is an open standards organization that make the OSGi specification that describe a modular system and a service platform for Java, OSGi components comes in the forms of bundles for deployment, can be remotely installed, started, stopped, updated, and uninstalled without requiring a reboot, in this example I am going to create a Vaadin OSGi ...

Read More »

Vaadin Table Example

In this Vaadin Table example, the following points are covered: Create the table Add the table to the page Populate the table Create a custom table header Create a custom table footer Calculate values for the table footer based on current rows Adding rows dynamically Deleting rows dynamically Selecting rows Unselecting rows Generate table cells from other cells 1. The ...

Read More »