Visual Desinger - Design Tab is missing

Hi there,

I’ve installed the Ivy and Vaadin Plugin but i’m not able to run the visual Designer, because there is no design Tab showing.

I’m using Eclipse Java EE Build id: 20130614-0229 on a Windows 7 64 Bit PC.
My Java Version is 1.7.0_07.

I tried to create a new Vaadin Composite and I’m opening it with the vaadin editor.

The visual designer is installed I see under Plugins:
com.vaadin.wysiwyg.eclipse

Thanks for your help!
Regards Timon

If you did open it with the Vaadin editor (Open With… → Vaadin Editor; this is the default when creating a new composite), you should at least see the tab down in the editor.

Please check Eclipse error log (Window → Show View… → Other… → Error Log) to see if there are any possibly related error messages or stack traces.

I have the same problem, just installed the latest Vaadin plugin (2.2) on eclipse Kepler, under Windows 7/64 and Java 1.7.
The visual editor shows a single tab for source, no tab for design.

Thanks

!ENTRY org.eclipse.e4.ui.workbench 4 0 2013-07-24 08:29:08.622
!MESSAGE Unable to create class ‘org.eclipse.ui.internal.e4.compatibility.CompatibilityEditor’ from bundle ‘689’
!STACK 0
org.eclipse.e4.core.di.InjectionException: java.lang.UnsatisfiedLinkError: org.eclipse.swt.internal.mozilla.init.XPCOMInit.GREVersionRange_sizeof()I
at org.eclipse.e4.core.internal.di.MethodRequestor.execute(MethodRequestor.java:63)
at org.eclipse.e4.core.internal.di.InjectorImpl.processAnnotated(InjectorImpl.java:877)
at org.eclipse.e4.core.internal.di.InjectorImpl.processAnnotated(InjectorImpl.java:857)
at org.eclipse.e4.core.internal.di.InjectorImpl.inject(InjectorImpl.java:119)
at org.eclipse.e4.core.internal.di.InjectorImpl.internalMake(InjectorImpl.java:333)
at org.eclipse.e4.core.internal.di.InjectorImpl.make(InjectorImpl.java:254)
at org.eclipse.e4.core.contexts.ContextInjectionFactory.make(ContextInjectionFactory.java:162)
at org.eclipse.e4.ui.internal.workbench.ReflectionContributionFactory.createFromBundle(ReflectionContributionFactory.java:102)
at org.eclipse.e4.ui.internal.workbench.ReflectionContributionFactory.doCreate(ReflectionContributionFactory.java:71)
at org.eclipse.e4.ui.internal.workbench.ReflectionContributionFactory.create(ReflectionContributionFactory.java:53)
at org.eclipse.e4.ui.workbench.renderers.swt.ContributedPartRenderer.createWidget(ContributedPartRenderer.java:129)
at org.eclipse.e4.ui.internal.workbench.swt.PartRenderingEngine.createWidget(PartRenderingEngine.java:949)
at org.eclipse.e4.ui.internal.workbench.swt.PartRenderingEngine.safeCreateGui(PartRenderingEngine.java:633)
at org.eclipse.e4.ui.internal.workbench.swt.PartRenderingEngine.safeCreateGui(PartRenderingEngine.java:735)
at org.eclipse.e4.ui.internal.workbench.swt.PartRenderingEngine.access$2(PartRenderingEngine.java:706)
at org.eclipse.e4.ui.internal.workbench.swt.PartRenderingEngine$7.run(PartRenderingEngine.java:700)
at org.eclipse.core.runtime.SafeRunner.run(SafeRunner.java:42)
at org.eclipse.e4.ui.internal.workbench.swt.PartRenderingEngine.createGui(PartRenderingEngine.java:685)
at org.eclipse.e4.ui.internal.workbench.PartServiceImpl$1.handleEvent(PartServiceImpl.java:90)
at org.eclipse.e4.ui.services.internal.events.UIEventHandler$1.run(UIEventHandler.java:41)
at org.eclipse.swt.widgets.Synchronizer.syncExec(Synchronizer.java:180)
at org.eclipse.ui.internal.UISynchronizer.syncExec(UISynchronizer.java:150)
at org.eclipse.swt.widgets.Display.syncExec(Display.java:4688)
at org.eclipse.e4.ui.internal.workbench.swt.E4Application$1.syncExec(E4Application.java:205)
at org.eclipse.e4.ui.services.internal.events.UIEventHandler.handleEvent(UIEventHandler.java:38)
at org.eclipse.equinox.internal.event.EventHandlerWrapper.handleEvent(EventHandlerWrapper.java:197)
at org.eclipse.equinox.internal.event.EventHandlerTracker.dispatchEvent(EventHandlerTracker.java:197)
at org.eclipse.equinox.internal.event.EventHandlerTracker.dispatchEvent(EventHandlerTracker.java:1)
at org.eclipse.osgi.framework.eventmgr.EventManager.dispatchEvent(EventManager.java:230)
at org.eclipse.osgi.framework.eventmgr.ListenerQueue.dispatchEventSynchronous(ListenerQueue.java:148)
at org.eclipse.equinox.internal.event.EventAdminImpl.dispatchEvent(EventAdminImpl.java:135)
at org.eclipse.equinox.internal.event.EventAdminImpl.sendEvent(EventAdminImpl.java:78)
at org.eclipse.equinox.internal.event.EventComponent.sendEvent(EventComponent.java:39)
at org.eclipse.e4.ui.services.internal.events.EventBroker.send(EventBroker.java:80)
at org.eclipse.e4.ui.internal.workbench.UIEventPublisher.notifyChanged(UIEventPublisher.java:58)
at org.eclipse.emf.common.notify.impl.BasicNotifierImpl.eNotify(BasicNotifierImpl.java:374)
at org.eclipse.e4.ui.model.application.ui.impl.ElementContainerImpl.setSelectedElement(ElementContainerImpl.java:171)
at org.eclipse.e4.ui.internal.workbench.ModelServiceImpl.showElementInWindow(ModelServiceImpl.java:576)
at org.eclipse.e4.ui.internal.workbench.ModelServiceImpl.bringToTop(ModelServiceImpl.java:543)
at org.eclipse.e4.ui.internal.workbench.PartServiceImpl.delegateBringToTop(PartServiceImpl.java:605)
at org.eclipse.e4.ui.internal.workbench.PartServiceImpl.bringToTop(PartServiceImpl.java:322)
at org.eclipse.e4.ui.internal.workbench.PartServiceImpl.showPart(PartServiceImpl.java:1028)
at org.eclipse.ui.internal.WorkbenchPage.busyOpenEditor(WorkbenchPage.java:3120)
at org.eclipse.ui.internal.WorkbenchPage.access$21(WorkbenchPage.java:3042)
at org.eclipse.ui.internal.WorkbenchPage$8.run(WorkbenchPage.java:3024)
at org.eclipse.swt.custom.BusyIndicator.showWhile(BusyIndicator.java:70)
at org.eclipse.ui.internal.WorkbenchPage.openEditor(WorkbenchPage.java:3020)
at org.eclipse.ui.internal.WorkbenchPage.openEditor(WorkbenchPage.java:2984)
at org.eclipse.ui.internal.WorkbenchPage.openEditor(WorkbenchPage.java:2975)
at org.eclipse.ui.ide.IDE.openEditor(IDE.java:630)
at com.vaadin.visualdesigner.eclipse.wizards.NewCustomComponentWizard$2.run(NewCustomComponentWizard.java:126)
at org.eclipse.swt.widgets.RunnableLock.run(RunnableLock.java:35)
at org.eclipse.swt.widgets.Synchronizer.runAsyncMessages(Synchronizer.java:135)
at org.eclipse.swt.widgets.Display.runAsyncMessages(Display.java:4145)
at org.eclipse.swt.widgets.Display.readAndDispatch(Display.java:3762)
at org.eclipse.jface.operation.ModalContext$ModalContextThread.block(ModalContext.java:173)
at org.eclipse.jface.operation.ModalContext.run(ModalContext.java:388)
at org.eclipse.jface.wizard.WizardDialog.run(WizardDialog.java:1028)
at com.vaadin.visualdesigner.eclipse.wizards.NewCustomComponentWizard.performFinish(NewCustomComponentWizard.java:67)
at org.eclipse.jface.wizard.WizardDialog.finishPressed(WizardDialog.java:827)
at org.eclipse.jface.wizard.WizardDialog.buttonPressed(WizardDialog.java:432)
at org.eclipse.jface.dialogs.Dialog$2.widgetSelected(Dialog.java:628)
at org.eclipse.swt.widgets.TypedListener.handleEvent(TypedListener.java:248)
at org.eclipse.swt.widgets.EventTable.sendEvent(EventTable.java:84)
at org.eclipse.swt.widgets.Widget.sendEvent(Widget.java:1057)
at org.eclipse.swt.widgets.Display.runDeferredEvents(Display.java:4170)
at org.eclipse.swt.widgets.Display.readAndDispatch(Display.java:3759)
at org.eclipse.jface.window.Window.runEventLoop(Window.java:826)
at org.eclipse.jface.window.Window.open(Window.java:802)
at org.eclipse.ui.internal.handlers.WizardHandler$New.executeHandler(WizardHandler.java:259)
at org.eclipse.ui.internal.handlers.WizardHandler.execute(WizardHandler.java:279)
at org.eclipse.ui.internal.handlers.HandlerProxy.execute(HandlerProxy.java:290)
at org.eclipse.ui.internal.handlers.E4HandlerProxy.execute(E4HandlerProxy.java:90)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source)
at java.lang.reflect.Method.invoke(Unknown Source)
at org.eclipse.e4.core.internal.di.MethodRequestor.execute(MethodRequestor.java:56)
at org.eclipse.e4.core.internal.di.InjectorImpl.invokeUsingClass(InjectorImpl.java:243)
at org.eclipse.e4.core.internal.di.InjectorImpl.invoke(InjectorImpl.java:224)
at org.eclipse.e4.core.contexts.ContextInjectionFactory.invoke(ContextInjectionFactory.java:132)
at org.eclipse.e4.core.commands.internal.HandlerServiceHandler.execute(HandlerServiceHandler.java:167)
at org.eclipse.core.commands.Command.executeWithChecks(Command.java:499)
at org.eclipse.core.commands.ParameterizedCommand.executeWithChecks(ParameterizedCommand.java:508)
at org.eclipse.e4.core.commands.internal.HandlerServiceImpl.executeHandler(HandlerServiceImpl.java:213)
at org.eclipse.ui.internal.handlers.LegacyHandlerService.executeCommand(LegacyHandlerService.java:420)
at org.eclipse.ui.internal.actions.CommandAction.runWithEvent(CommandAction.java:157)
at org.eclipse.jface.action.ActionContributionItem.handleWidgetSelection(ActionContributionItem.java:584)
at org.eclipse.jface.action.ActionContributionItem.access$2(ActionContributionItem.java:501)
at org.eclipse.jface.action.ActionContributionItem$5.handleEvent(ActionContributionItem.java:411)
at org.eclipse.swt.widgets.EventTable.sendEvent(EventTable.java:84)
at org.eclipse.swt.widgets.Widget.sendEvent(Widget.java:1057)
at org.eclipse.swt.widgets.Display.runDeferredEvents(Display.java:4170)
at org.eclipse.swt.widgets.Display.readAndDispatch(Display.java:3759)
at org.eclipse.e4.ui.internal.workbench.swt.PartRenderingEngine$9.run(PartRenderingEngine.java:1113)
at org.eclipse.core.databinding.observable.Realm.runWithDefault(Realm.java:332)
at org.eclipse.e4.ui.internal.workbench.swt.PartRenderingEngine.run(PartRenderingEngine.java:997)
at org.eclipse.e4.ui.internal.workbench.E4Workbench.createAndRunUI(E4Workbench.java:138)
at org.eclipse.ui.internal.Workbench$5.run(Workbench.java:610)
at org.eclipse.core.databinding.observable.Realm.runWithDefault(Realm.java:332)
at org.eclipse.ui.internal.Workbench.createAndRunWorkbench(Workbench.java:567)
at org.eclipse.ui.PlatformUI.createAndRunWorkbench(PlatformUI.java:150)
at org.eclipse.ui.internal.ide.application.IDEApplication.start(IDEApplication.java:124)
at org.eclipse.equinox.internal.app.EclipseAppHandle.run(EclipseAppHandle.java:196)
at org.eclipse.core.runtime.internal.adaptor.EclipseAppLauncher.runApplication(EclipseAppLauncher.java:110)
at org.eclipse.core.runtime.internal.adaptor.EclipseAppLauncher.start(EclipseAppLauncher.java:79)
at org.eclipse.core.runtime.adaptor.EclipseStarter.run(EclipseStarter.java:354)
at org.eclipse.core.runtime.adaptor.EclipseStarter.run(EclipseStarter.java:181)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source)
at java.lang.reflect.Method.invoke(Unknown Source)
at org.eclipse.equinox.launcher.Main.invokeFramework(Main.java:636)
at org.eclipse.equinox.launcher.Main.basicRun(Main.java:591)
at org.eclipse.equinox.launcher.Main.run(Main.java:1450)
at org.eclipse.equinox.launcher.Main.main(Main.java:1426)
Caused by: java.lang.UnsatisfiedLinkError: org.eclipse.swt.internal.mozilla.init.XPCOMInit.GREVersionRange_sizeof()I
at org.eclipse.swt.internal.mozilla.init.XPCOMInit.GREVersionRange_sizeof(Native Method)
at org.eclipse.swt.internal.mozilla.init.GREVersionRange.(GREVersionRange.java:38)
at org.eclipse.swt.browser.Mozilla.InitDiscoverXULRunner(Mozilla.java:1759)
at org.eclipse.swt.browser.Mozilla.LoadLibraries(Mozilla.java:617)
at org.eclipse.swt.browser.Mozilla.create(Mozilla.java:682)
at org.eclipse.swt.browser.Browser.(Browser.java:99)
at com.vaadin.visualdesigner.eclipse.editors.VaadinEditor.createBrowser(VaadinEditor.java:223)
at com.vaadin.visualdesigner.eclipse.editors.VaadinEditor.createVisualEditorPage(VaadinEditor.java:208)
at com.vaadin.visualdesigner.eclipse.editors.VaadinEditor.createPages(VaadinEditor.java:141)
at org.eclipse.ui.part.MultiPageEditorPart.createPartControl(MultiPageEditorPart.java:358)
at org.eclipse.ui.internal.e4.compatibility.CompatibilityPart.createPartControl(CompatibilityPart.java:142)
at org.eclipse.ui.internal.e4.compatibility.CompatibilityEditor.createPartControl(CompatibilityEditor.java:96)
at org.eclipse.ui.internal.e4.compatibility.CompatibilityPart.create(CompatibilityPart.java:323)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source)
at java.lang.reflect.Method.invoke(Unknown Source)
at org.eclipse.e4.core.internal.di.MethodRequestor.execute(MethodRequestor.java:56)
… 115 more

This seems to be
#12141
, which is caused by a more general Eclipse Kepler compatibility issue with 64-bit XULRunner.

However, as a workaround, it could probably be caught by the Vaadin plug-in with a fall-back to the default browser and/or WebKit if configured for the Eclipse installation.

Same issue, I tested on Juno and Kepler.The Design tab is missing…
I’m using Ubuntu 12.04 LTS 32 bits

Try the suggestion in
this thread
.

I am facing the same problem, but under Windows 7 I don’t know how to try that suggestion.

I am also facing this same problem in windows 7 64 bit. I installed XULRunner but with no success.

Found the workaround, at
http://dev.vaadin.com/ticket/12141

add this to your ecilpse.ini file and this line

-Dorg.eclipse.swt.browser.XULRunnerPath=C:\

However I still get a pop up message in eclipse saying that is cannot detect XULRunner 1.9

Any suggesstions? Thanks in advance.

This works, thanks.

You probably need to update the path to your actual xul runner folder, something like c:\xulrunner.

Here is the actual line that needs to be added on eclipse.ini
Thanks Radim Havrlant.

-Dorg.eclipse.swt.browser.XULRunnerPath=C:\xulrunner\xulrunner.exe

Hello,

I’ve recently struggled with this, so may I came up with another solution which is blazing fast!

  1. Open up your file in question, your component .java file. You will be presented with a Design tab that does not display anything or maybe a spinning icon only
  2. Right click and select Properties. Copy the URL (i.e. http://localhost:52943/)
  3. DON’T LEAVE THE DESIGN TAB (meaning: don’t switch to the Source tab)
  4. Open Chrome, paste the URL
  5. Enjoy the blazing fast editor inside your Chrome window. Changes are immediately reflected at the Design Tab (but are invisible of course). When you see the “star” icon at the tab it means you can save your changes.
  6. Every time it closes the URL (port) changes so be aware of this

Please let me know how it works out for you guys. I used this for win7 x64 with x64 JRE and Kepler eclipse.

jimb

…and a screenshot
13540.png

Indeed, the visual designer is behind the scenes just a web application running on a embedded jetty server.

What you see in eclipse is just eclipse’s internal browser displaying a web page. Every time you switch between the design and editor tab the jetty server starts/stops on a random port so port conflicts are avoided.

So you can just run it in a browser if you want, and in fact, that is how the visual designer was developed :=)

for Fedora 21 and eclipse luna y install webkitgtk4.x86_64 and solve the problem