Add tip for GUI components with Vaadin 8 (#8899)

* Use difference GUI component for Vaadin 8

With Vaadin Framework 8, Tutorial learner should use different setting and component for form development

* Better explanation

diff --git a/documentation/tutorial.adoc b/documentation/tutorial.adoc
index adbfa51213a62182fb64991040a8bd971c59d9f8..7306a283565a80d83156cf9427e9ccfb563e4aa4 100644 (file)
--- a/documentation/tutorial.adoc
+++ b/documentation/tutorial.adoc
@@ -549,6 +549,10 @@ you can edit the raw content of the .html file. If you wish to take a shortcut
 or think you did something wrong when using the designer, you can just
 copy-paste the content of https://github.com/vaadin/tutorial/blob/master/src/main/resources/my/vaadin/app/CustomerFormDesign.html[the final state] to your own .html file.
 
+TIP: With Vaadin Framework 8, make following things differently:
+For status' NativeSelect Component, set Itemtype as CustomerStatus enum.
+Use DateField Component for birthday, instead of PopupDateField.
+
 At this point we only have a static mockup of the actual UI. To implement a
 functional form component, we need some Java code as well. Vaadin Designer
 automatically creates a similarly named Java class, but a good habit is to never touch the auto-generated file, in this case the