Skip to content

Commit 4f63717

Browse files
committed
More edits of main document touched.
1 parent 99398d8 commit 4f63717

File tree

1 file changed

+12
-9
lines changed

1 file changed

+12
-9
lines changed

articles/tools/start/index.adoc

+12-9
Original file line numberDiff line numberDiff line change
@@ -6,29 +6,31 @@ order: 20
66

77
= Vaadin Start
88

9-
image::_images/example-project.png[An example project built with the Vaadin Start online interface]
9+
The Vaadin Start online interface allows you to manage, configure and download the core of a functional Vaadin projects. You can use them as a starting point to create your own Vaadin applications. Even more so, they allow you to do several fundamental things, easily.
1010

11-
https://start.vaadin.com?preset=latest[Open Vaadin Start, role="button primary water"]
11+
image::_images/example-project.png[Project Built with Vaadin Start Online Interface]
1212

13-
The Vaadin Start online interface allows you to manage, configure and download the core of a functional Vaadin projects. At a minimum, you can use them as a starting point to create your own Vaadin applications. Even more so, it allows you easily to do several fundamental things.
13+
https://start.vaadin.com?preset=latest[Open Vaadin Start, role="button primary water"]
1414

1515

1616
== Manage Projects
1717

18-
Vaadin Start allows you to work on multiple projects. You can see a list of your projects in the `My Projects` section. You can download your project from there, directly.
18+
With Vaadin Start, you can work on multiple projects. You can find a list of your projects in the `My Projects` section. You can download your project from there, directly.
1919

2020
.Projects List
21-
image::_images/my-projects.png[height=75%, width=75%, List of User Projects]
21+
image::_images/my-projects.png[height=75%, width=75%, List of Projects]
2222

2323

2424
== Add Views
2525

2626
Vaadin Start allows you to add several views to your project. You can select the initial content of each view from a list of more than fifteen Flow and Hilla templates. For example, you can include views based on the Master-Detail template, which can be used to manage an entity's data.
2727

28+
The screenshot here shows the Vaadin Start UI, with the Add View dialog open, showing the Master-Detail template selected:
29+
2830
.Master-Detail Template
29-
image::_images/master-detail-template.png[Vaadin Start UI, with the Add View dialog open, showing the Master-Detail template selected]
31+
image::_images/master-detail-template.png[Vaadin Start UI with Add View and Master-Detail Template Selected]
3032

31-
You can then add and modify JPA entities. These entities are downloaded with the generated project, along with their corresponding Spring Data classes, such as the [classname]`Repository` and [classname]`Service`.
33+
You can then add and modify JPA entities. These entities are downloaded with the generated project, along with their corresponding Spring Data classes, such as the [classname]`Repository` and [classname]`Service`. You can see this in the screenshot here:
3234

3335
.View Access Control Setup
3436
image::_images/edit-entity.png[Edit Entities, width=100%]
@@ -38,7 +40,7 @@ image::_images/edit-entity.png[Edit Entities, width=100%]
3840

3941
You can also configure security and control access. A login view is added for you if you configure one or more views that require a logged-in user.
4042

41-
In this screenshot you can see the Vaadin Start UI, with the view details popover open, showing the options for the View Access control:
43+
In this screenshot, you can see the Vaadin Start UI with the view details popover open, showing the options for the View Access control:
4244

4345
.View Access Control Setup
4446
image::_images/security-setup.png[Vaadin Start UI with View Details, width=60%]
@@ -51,7 +53,7 @@ Vaadin Start lets you easily change the look and feel of the application. Specif
5153
This next screenshot shows the Vaadin Start UI with the Theme sidebar active, showing the color palette options:
5254

5355
.Theme Customization
54-
image::_images/customize-theming.png[Vaadin Start UI with Theme Sidebar, width=40%]
56+
image::_images/customize-theming.png[Vaadin Start UI with Theme Sidebar and Color Palettes, width=40%]
5557

5658

5759
== Technical Configuration
@@ -69,5 +71,6 @@ image::_images/download-dialog.png[Vaadin Start UI with Download Project Dialog]
6971
To start with a simplified project template -- without adding and configuring any views -- you can configure and download a "Hello World" starter from the landing page of Vaadin Start.
7072

7173
This screenshot shows the configuration options for Hello World starters:
74+
7275
.Hello World Starters
7376
image::_images/hello-world-starters.png[Hello World Starters, width=60%]

0 commit comments

Comments
 (0)