Patch notes version 11

The folder where themes are defined has been changed. It is moved from "src.main.webapp.frontend " to project root..

Also, the structure within that frontend folder has changed. See Vaadin documentation for details here: https://vaadin.com/docs/v14/flow/styling/custom-theme

By default, this new "Frontend" folder is created on project creation. And there is also a default custom theme defined which represents the default setting of a Vaadin project. Feel free to use this default template and customize it with your own CI. Further you can create and hold multiple themes in that frontend folder and change it whenever you want.

As in the previous versions of Rapidclipse there is that theme change ComboBox in the upper right corner of the UI Designer. In the past it only affected the current visible tab and not the whole project at runtime. This has changed. After changing the theme, it changes the theme for the whole project within all tabs in the Designer and at runtime if the "@Theme" annotation is still in place. Otherwise you have to export the "@Theme" annotation by clicking the button left next to the ComboBox.

CSS instead of using HTML import within your java classes. When additional CSS classes are in use, then it was necessary to import them by adding an html import on the java class which uses that CSS file. This is no longer possible and required. Instead of using HTML Import only something like this is working: "@CssImport("./themes/Default/navbar.css")" additionally we will need only one import on the top UI of the project.

We added another section to the project management where all these theming things can be managed and configured.

Detailed information’s and documentation can be found here Frontend & Design

Detailed information’s to the migration from 10.4.1 to 11 can be found here Migration from 10/X to version 11

After changing the theme of the project in the Designer, it might be possible to restart the Designer server in the Background. For those reasons we added two additional buttons to the upper right corner of the Designer

Refresh the Designer - Just refreshes the current view and tries to fix some issues with the component borders and helping grid line in the UI Designer.

Restart the Background Server - Restarts the whole app server in the Background for all tabs in the IDE. This is recommended to do after a theme change anyway.

Export the "@Theme" annotation - To apply a UI theme at runtime it is necessary to add a "@Theme" annotation on the top UI or the top UI that implements the "RouterLayout" interface. To have a little more convenient method to add the annotation this button is for.

Show App in Browser - Sometimes it could be useful to see a preview outside the designer. For that reason, we add a function to open an external browser and add the app URL of the background app server as target. So you have to possibility to see your app life in different browsers as preview.

In the past there wasn’t a possibility to deploy the application out of RapidClipse in a convenient way. You had to read several pages of Vaadin Documentation, changing code and annotations and sometimes this was quite confusing. This has changed. Now RapidClipse provides a new function in the QuickLaunch View of the IDE. "Build web app (.war) [Production]" this function deploys the application with production configuration to the target folder.

IMPORTANT: After building a version in production the project setup changed a little bit. Because of that the project can no longer handled with our UI Designer and therefore a second normal developer deployment is necessary.

We improved the all over security by updating most of our dependencies which are used within our framework.

See table below

We added a small function to support the migration from 10.4.1 to 11. This functionality can be found by right-clicking on the project → RapidClipse → Update Project. The following changes will happen after clicking: