Downloaded 35 times
![// Vaadin UI
protected void init(VaadinRequest request) {
new Responsive(this);
}
// CSS
.v-ui[width-range~="0-800px"] {
/* Styles that apply when the UI's width is
between 0 and 800 pixels */
}
.v-ui[width-range~="801px-"] {
/* Styles that apply when the UI's width is
over 800 pixels */
}
http://demo.vaadin.com/responsive/](https://image.slidesharecdn.com/beoynd-vaadin-7-130926105910-phpapp01/75/Beoynd-Vaadin-7-35-2048.jpg)
Uploaded byJoonas Lehtinen
Beoynd Vaadin 7
The document summarizes updates and new features in Vaadin 7 and the Vaadin roadmap. It discusses features added in Vaadin 7.1 like improved servlet configuration and server-initiated push. It also outlines upcoming features like a client-side Grid component, responsive design support, Vaadin CDI integration, and a new spreadsheet widget. The roadmap slide lists specific versions and target dates for new versions of Vaadin, TouchKit, TestBench, and other planned additions.
More Related Content
![[Spring Camp 2013] Java Configuration 없인 못살아!](https://cdn.slidesharecdn.com/ss_thumbnails/javaconfiguration-140128013032-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![Vibe Coding vs. Spec-Driven Development [Free Meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/vibecodingvsspecdrivendevelopment-251209105622-43f455e7-thumbnail.jpg?width=640&height=640&fit=bounds)
Beoynd Vaadin 7
- 1. Joonas Lehtinen Founder &CEO @joonaslehtinen Beyond 7
- 2. Questions & answers Roadmap Quick recapof Vaadin 7 7.1 Feature by feature Agenda
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11. @Theme("foo") public class FooUIextends UI { @WebServlet(value = "/*", asyncSupported = true) @VaadinServletConfiguration(productionMode = false, ui = FooUI.class) public static class Servlet extends VaadinServlet { } @Override protected void init(VaadinRequest request) { ... } }
- 12. @Theme("foo") public class FooUIextends UI { @WebServlet(value = "/*", asyncSupported = true) @VaadinServletConfiguration(productionMode = false, ui = FooUI.class) public static class Servlet extends VaadinServlet { } @Override protected void init(VaadinRequest request) { ... } }
- 13. Server initiated events /Push https://vaadin.com/wiki/-/wiki/Main/Using+server+initiated+events
- 14.
- 15.
- 16. @Push MyUI <async-supported/> or asyncSupported= true vaadin-push dependency
- 17. UI.getCurrent().access(new Runnable() { publicvoid run() { layout.addComponent(new Label("foo”)); } });
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24. getPage().getStyles().add( ".reindeer.v-app { background:#" + Math.round(Math.random() * 899 + 100) + ";}" );
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31. Vaadin 7.2 GWT compatibility Applicationarchetype Vaadin CDI 1.0 beta Vaadin TouchKit 4.0 Vaadin TestBench 4.0 Netbeans plug-in Spreadsheet
- 32. Grid • Client-side datamodel • Client-side APIs • Replaces Table and TreeTable New theme that leverages SASS Responsive extension built-in http://vaadin.com/addon/vaadin-responsive Vaadin 7.2
- 34.
- 35. // Vaadin UI protectedvoid init(VaadinRequest request) { new Responsive(this); } // CSS .v-ui[width-range~="0-800px"] { /* Styles that apply when the UI's width is between 0 and 800 pixels */ } .v-ui[width-range~="801px-"] { /* Styles that apply when the UI's width is over 800 pixels */ } http://demo.vaadin.com/responsive/
- 36. Full stack example Suitablefor working on all layers • Server-side Java • Client-side Java • JavaScript Modularization and full tools support Application Archetype
- 37. Finalize what isalready available as alpha in directory http://vaadin.com/addon/vaadin-cdi Features • Registering UI with @CDIUI and Views • Decoupling by injecting components • Injecting EJBs, events, ... • UI Scope • Supports JAAS Vaadin CDI 1.0 beta
- 38. New cross-platform theme http://demo.vaadin.com/parking/ WindowsPhone 8 support Vaadin TouchKit 4.0
- 39. Vaadin Driver : Newway of building selectors Replacing recorder with debug window Vaadin TestBench 4.0
- 40.
- 41.
- 42. http://gwtcreate.com/ San Francisco -Dec 12-13 Frankfurt - Dec 17-18