AC: View Builder

[MarcinVaadin]

trafficstars

Description

View Builder is a WYSIWYG tool that enables developers to easily create new views with more complex layouts in their Flow apps. The tool works by combining pre-defined UI patterns and Vaadin components. The tool also allows developers to save their customized views (so that they can come back and continue to edit them) and to share the views with other developers, who can then use those as a starting point for creating new views.

Use cases

As a Flow developer I find it challenging and time-consuming to create views with complex layouts in my Flow app.

Acceptance criteria

• [x] View Builder should allow to create new views by combining ~~pre-defined UI patterns~~ and Vaadin components
• [x] View Builder should allow to preview the layout of the view in the browser, and select the screen size to preview the layout on different screen sizes
• [x] View Builder should allow to export the layout of the view as a Java class ~~(and possibly an accompanying CSS file)~~
• [ ] View Builder should allow to save the generated view and share it with other developers, who can then use it as a template to create new views
• [ ] View Builder should allow to adjusts the look and feel of the view by changing some of its CSS properties

General criteria

• [x] Design
• [x] UX tests in Alpha
• [ ] Documentation
• [x] How to test Available on start.vaadin.com
• [x] Limitations:
• current palette of components is limited to mostly Vaadin components, no pre-defined UI patterns available
• not possible to align component
• not possible to edit properties of components
• not possible to edit look and feel of given component (only existing support for global theming)