Vaadin - Consulting

This page is meant to be a place for collecting information about using Vaadin to build the new Version of Magnolia

|| Legend ||

Sponsored tickets

(Tree)Table

• expanding/collapsing should not refresh all content
  • --> http://dev.vaadin.com/ticket/6722 (fixed in 6.7)

• programmatically selection of an item should not reload all content
  • --> http://dev.vaadin.com/ticket/6766 (fixed in 6.7)

• animate expansion/collapsing
  • --> http://dev.vaadin.com/ticket/6723 (fixed in 6.7)
    • Animations can be enabled by calling TreeTable.setAnimationsEnabled(true);.

• grouping
  • --> http://dev.vaadin.com/ticket/6720 (fixed in 6.7)
    • Magnolia should review the fix!

Drag-and-drop

• HTML5 drag start
  • --> http://dev.vaadin.com/ticket/7833 (fixed in 6.8)

Candidates for sponsorship

(Tree)Table

• Support adding components to Table header
  • http://dev.vaadin.com/ticket/5542 (Milestone set to Vaadin Backlog)
  • --> Andreas has asked for quote

Accordion

• animation
  • -> http://dev.vaadin.com/ticket/6767 -> http://dev.vaadin.com/ticket/5070
• no default selection/expansion** --> http://dev.vaadin.com/ticket/6768

Add-ons of interest

• Navigator: Bookmarking, Lazy initialization and more...

• Blackboard: implements something like an event bus for Vaadin applications. When aiming to create a MVP architecture this is probably a valuable extendsion.

• Push support: We already discussed we'd probably need some kind of server push for our version 5. The above AddOn could be the solution here.
  • --> Prototype demonstrating ICEPush Addon available in UX sandbox: http://svn.magnolia-cms.com/svn/internal/sandbox/ux/Push

• Drawer: accordion like behavior

• External Layout: place components outside the Vaadin app's DOM element

Issues/Answers/Tickets

Tree/Table

• Race condition in Table update of "selected" attribute.
  • http://jira.magnolia-cms.com/browse/SCRUM-114
  • http://dev.vaadin.com/ticket/7059 (marked as Wontfix, then reopened; no progress yet)

• The collapse/expand arrow should be visible only on items that have children, not on all items that _can_ have children. This is a bug in TreeTable.paintRowAttributes() where it calls container.areChildrenAllowed(item) instead of container.hasChildren(item). --> setChildrenAllowed(Object itemId, boolean areChildrenAllowed)
  • http://dev.vaadin.com/ticket/6757 (closed as wont fix)

• column resizing: discuss with Vaadin if this is a bug : answer yes
  • --> http://dev.vaadin.com/ticket/6697 (fixed in 6.6)

• validation in trees, how to show the error
  • this is normally the duty of the layout, but adding a layout would "eat" the click events (see below)
  • Vaadin - Tree - Custom components and validation

• adding custom components in columns hide the click event
  • have to extend the client side code of the table (see consulting session 5)
  • Vaadin - Tree - Custom components and validation

• First column in TreeTable should be fixed (not moveable)
  • http://dev.vaadin.com/ticket/5453 (closed as wont fix)
  • http://dev.vaadin.com/ticket/5493 opened a new ticket
  • Possibly fixed with http://dev.vaadin.com/ticket/6973, which allows to define into which column the hierarchy should be rendered

• Server-side unselect of item selected as a range causes invalid state in the client (fixed in 6.7 trunk, released possibly with 6.7.3)
  • http://dev.vaadin.com/ticket/8076 (fixed in 6.7)

• open tree hierarchy: selection dialog, history
  • expand() open() -> are missing
  • --> use setItemCollapsed() in the tree grid

• property value is not necesserely the label we want to show. for instance templat name vs. template title.
  • --> addGeneratedColumn()

• keyboard navigation does not trigger selection -> no history update
  • --> use value change event instead

Accordion

• height of Accordion too small if icon in tab is taller than caption
  • http://dev.vaadin.com/ticket/7105

Dialogs

• resizing flickers
  • permanent re-layouting makes the resizing flickering
  • show ExtGWT solution to it: xwindow style
  • we have a brief patch -> we have to patch it
  • --> http://dev.vaadin.com/ticket/6716 (fixed in 6.6)

• Tabbing
  • can't tab from location bar to fields in a modal window
    • http://dev.vaadin.com/ticket/5497

• • tabbing with modal windows is broken
    • http://dev.vaadin.com/ticket/5495

• • can't tab between tabs in a TabSheet
    • http://dev.vaadin.com/ticket/5496 marked as duplicate of http://dev.vaadin.com/ticket/5100

• using ENTER steals the key from active components that would have wanted the key
  • i.e. line breaks in TextField and RichTextArea aren't possible
  • -> we use control ENTER

• switching tab changes the window height to fit it contents, can it be made to keep the height of the longest tab
  • -> expand ration to 1, set height 100%
  • idealy we would size up to the biggest tab
  • example

• dialogs: width 100% for fields, what are we missing here?
  • -> layout must have width 100%
  • use debug parameter and run analyze layout

Page Editor

• Browser width: see PageEditorApplication
  • to position a window/toolbox on the right side
  • we currently use Integer.parseInt((String) MgnlContext.getAttribute("cw"))
  • following method does not exist: ((WebApplicationContext)getContext()).getBrowser().getClientWidth()
  • ticket created: http://dev.vaadin.com/ticket/5655 (fixed in 6.8)

• window with fixed position
  • we patched VWindow.onDragEvent(Event) to be able to move
  • --> create a ticket anyway

History

• Browser's back button navigation breaks on FF when component is an iframe (extends com.vaadin.ui.Embedded with Embedded.TYPE_BROWSER)
  • Henri will create a ticket (could not find it)
• history: first fragment, late initialization
  • lazy loading the main application (just add the uri fragment util)
  • will have to be solved in core --> http://dev.vaadin.com/wiki/Vaadin7/Proposals/RedesignWindowConcept

Components

• NativeSelect doesn't have a blur event
  • --> http://dev.vaadin.com/ticket/6847

• (NEW) TextField does not support setting maxLength=0
  • http://dev.vaadin.com/ticket/7092 (fixed in 6.7)

• (NEW) RichTextArea doesn't support focus and blur events
  • http://dev.vaadin.com/ticket/7093

Performance

• events are handled synchronously
  • use lazy loading of this views (or progress bar)
  • http://vaadin.com/directory#addon/lazyloadwrapper (used in the current trunk for the preview view)

Debugging

• sysout to >>null, send patch (Ph)

• not scrollable window in dev mode causes an exception, send patch (Ph)

Accessibility/RTL

• Accessibility
  • http://dev.vaadin.com/ticket/2710, but not implemented
    • its in the backlog but not on the roadmap
  • GWT has some support http://code.google.com/webtoolkit/doc/1.6/DevGuideI18nAndA11y.html#DevGuideAccessibility

• RTL
  • forum
  • example
  • --> our architecture solves this (different views, ...)

Consulting Sessions

XMind file can be found on our fileserver