- “An error occurred while collecting items to be installed” when trying to install
- I have updated the Vaadin plugin, but I still can’t see the Designer.
- Installing Vaadin Designer worked, and it’s shown as Installed Software, but no menu item shows up.
- When I open or create a new design, all I get is a loading “spinner” forever.
- The External Preview only shows a blank page / spinner / connection error.
- My design looks great when previewing on my phone, but not when running the project
- Can I create a Window with Designer?
- I have problems making layouts behave as I want/look different in application.
- I use Linux and the Designer shows strange artifacts or does not render the Property view correctly.
- I use Linux and the Designer on IntelliJ fails to start with the error IPCException: IPC process exited. Exit code: 127
- Installing older releases
Try to turn off “Contact All Update Sites” while installing (Help → Install New software → Contact All Update Sites.) Please see https://github.com/vaadin/designer-issues/issues/255
Even if you already have the Vaadin Plug-in for Eclipse installed, you will still have to Help→Install New Software. Select the vaadin.com/eclipse update site from the list, and make sure Vaadin Designer is selected. (Unfortunately Help → Check for Updates is not enough, since Eclipse does not notice that new stuff is available.)
Chances are Eclipse is running on Java 6 (1.6.x). Please install at least Java 7 (Java 8 recommended). Note that you can have multiple versions installed, so make sure Eclipse uses the correct one. Note that this might also require editing eclipse.ini, which might still point to your old JDK. If all else fails, try uninstalling the old JDK.
Vaadin Designer uses an embedded browser to display the design, so that what you see is really what you get. The spinner indicates that the browser can’t communicate with Eclipse, probably due to:
Internet Explorer security settings (on Windows)
Under Windows and Mac the system wide proxy settings are used
Under Linux the proxy settings needs to be provided in eclipse.ini
More information can be found under https://www.eclipse.org/swt/faq.php#browserproxy
or other security software (anti-virus, "internet security", …)
a combination of the above
First thing to try out in Eclipse is the experimental JxBrowser support, which can be enabled in the plugin settings. If you can’t find the culprit, try disabling each problem source individually.
In rare cases, project settings become inconsistent when updating a plugin in Eclipse. Deleting the project settings seems to make everything work again.
We’re working on identifying the exact cause - let us know if you run into this, and send as much information as you can (e.g the project settings).
Your computer (with Eclipse) and the external browser / device must use the same network.
The network must allow connections between computers.
Your computed (firewall) must allow connections to Eclipse (you might have been asked something like “Do you want Eclipse to accept incoming connections?”)
Internet Exporer security settings may interfere
Vaadin Designer automatically adds typical viewport settings used for mobile devices to the External Preview. Chances are you should probably do the same to your application (UI).
You can create the content for a popup/sub-window, but you should create and open the Window instance in Java code.
In Vaadin, a Window is treated differently than other components (e.g it is not to be added to a layout), and Designer will have to treat this as a special case. This is something that might make into a future release.
Vaadin Designer layouting behaviour matches that of the framework - it is a good idea to familiarize oneself with how Vaadin layouting works, for instance there is a chapter in Book of Vaadin about the topic: https://vaadin.com/book/-/page/layout.html
The first thing causing confusion, if you do not happen to know Vaadin works this way, is that if you have (for example) a 100% high VerticalLayout, it will split available space equally between components. This is seldom what you are looking for, instead you probably want one of tow things: 1) make the layout "auto" (-1px) high, so that it grows with the content or 2) make one component 100% and expanded (use the convenient quick-button in the info-bar for the selected component in Designer) to make it absorb all the space left by other components.
Also note that when you have a set size (%, px or whatever - not "auto"), components that are bigger than the space they have might overflow and cover other components.
A good way to figure out what’s going on is to resize the canvas and see how things move.
I use Linux and the Designer shows strange artifacts or does not render the Property view correctly.
The property view has some issues when rendering under SWT 3 and without Cairo. To improve the situation you can run eclipse with the following options to use GTK2 and Cairo.
env SWT_GTK3=0 GDK_NATIVE_WINDOWS=1 ./eclipse -Dorg.eclipse.swt.internal.gtk.cairoGraphics=true -Dorg.eclipse.swt.internal.gtk.useCairo=true
Also depending on your Linux distribution you might need to install libwebkitgtk-1.0-0 (Note: It needs to be a 1.x release, if you have a 2.x version install you still need to also install the 1.0 release!). To install use the following command:
sudo apt-get install libwebkitgtk-1.0-0
I use Linux and the Designer on IntelliJ fails to start with the error IPCException: IPC process exited. Exit code: 127
The embedded browser used by Designer on Intellij requires
libCrypto to be available. Ensure that you have them installed.
Also, on some Debian systems the libraries might be installed in the wrong location resulting in that the embedded browser cannot find them, in that case you can create a symlink to the right location. For example:
libcrypto.so.1.0.0 -> ./x86_64-linux-gnu/libcrypto.so.1.0.2
Start by selecting Help → "Install New Software…" from Eclipse menu bar. Then do the following:
Click on Add button to add a repository
Give a name your repository and click on the Archive button. Locate the downloaded Vaadin Designer archive from your file system and complete the install.