Skip to main content

Notice: this Wiki will be going read only early in 2024 and edits will no longer be possible. Please see: https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/wikis/Wiki-shutdown-plan for the plan.

Jump to: navigation, search

E4/Running the demos

Project Set Files

Download the project set files referenced below from here: http://wiki.eclipse.org/images/7/7b/E4-demos-psf-files.zip

You can also get the latest versions of the project set files from the demos project under 'e4-incubator/ui' :pserver:anonymous@dev.eclipse.org:/cvsroot/eclipse

The demos project also includes the EMF workbench prototype.

SWT Flex

Common setup between the two SWT demos:

  1. Create new Eclipse Workspace.
  2. Import the swt-e4Set.psf file into your workspace. (Just click "OK" when it asks for "compatible locations".)
  3. Change "Preferences -> Java -> Compiler -> Building -> Build path problems -> Circular dependencies" to Warning.

Steps specific to Flex:

  1. Copy .classpath_flex to .classpath in both the org.eclipse.swt and org.eclispse.swt.e4 projects. (Note that in order to see the classpath files, you have to either do this in the Navigator view or turn off the resources filter in the Packages Explorer by clicking on the drop down arrow menu in the top right hand corner of the package explorer, selecting Filters and unchecking *.resources).
  2. Import the e4Compiler.psf into your workspace.
  3. Generate the compiler JAR by running the script org.eclipse.jdt.compiler.as/scripts/export-eca.xml. To run the script, right click and select Run As>Ant Build.
  4. Download and install the Adobe Open Source Flex SDK (available from http://opensource.adobe.com) and add an environment variable called FLEX_SDK pointing to the root of the flex SDK. Restart Eclipse.
  5. Run the build script for the example you wish to run in org.eclipse.swt.e4.examples/flex/<example>/build.xml. This will generate the eclipse.swt.e4.examples/flex/<example>/bin/<example>.swf file. To run the script, right click and select Run As>Ant Build. (You might have to edit the bin/jvm.config file in the Flex SDK if your JRE cannot be found.)
  6. Refresh your workspace and open the HTML file in org.eclipse.swt.e4.examples/flex/<example>/bin in a browser (embeded or system one). Note that for your browser to display the swf you must have Macromedia Flash Player 9 installed.
  7. For debugging, install the Adobe Flash Player 9 Debugger Version.

SWT Dojo

Common setup between the two SWT demos:

  1. Create new Eclipse Workspace.
  2. Import the swt-e4Set.psf file into your workspace. (Just click "OK" when it asks for "compatible locations".)
  3. Change "Preferences -> Java -> Compiler -> Building -> Build path problems -> Circular dependencies" to Warning.

Steps specific to Dojo:

  1. Copy .classpath_dojo to .classpath in both the org.eclipse.swt and org.eclispse.swt.e4 projects. (Note that in order to see the classpath files, you have to either do this in the Navigator view or turn off the resources filter in the Packages Explorer by clicking on the drop down arrow menu in the top right hand corner of the package explorer, selecting Filters and unchecking *.resources).
  2. Download the Google Web Toolkit for Linux (latest version). Note it is important to get the Linux download regardless of the OS you are running on.
  3. Download the Dojo Toolkit (latest version).
  4. Create a Java Project, call it "DojoResources".
  5. Create 2 subfolders, named "public" and "gwt". In the "public" subfolder, create another folder named "dojo".
  6. Extract the Dojo download and import the folders into the "dojo" folder. Your directory structure should look like this:
public
--dojo
	-- dijit
	-- dojo
	-- dojoX
	-- util
  1. Extract the GWT download and import "gwt-dev-linux.jar" and "gwt-user.jar" into the "gwt" folder. Your directory structure should look like this:
gwt
-- gwt-dev-linux.jar
-- gwt-user.jar
  1. Copy the dojoLib.gwt.xml file from org.eclipse.swt.e4\Eclipse SWT PI\dojo\build to the root of the DojoResources project.
  2. To build the example, run the script org.eclipse.swt.e4.examples\dojo\build.xml. To run the script, right click and select Run As>Ant Build... Click on the JRE tab and select "Run in the same JRE as the workspace".
  3. Copy the index.html file from /org.eclipse.swt.e4/Eclipse SWT PI/dojo/build/ to the generated controlexample folder (org.eclipse.swt.e4.examples/dojo/bin/www/controlexample).
  4. Replace the following line in the index.html file :
<!-- <script src="NAME_OF_GWT_XML_FILE.nocache.js" language="javascript"></script> -->

with this:

<script src="controlexample.nocache.js" language="javascript"></script>
  1. Open the index.html file in a browser (embeded or system one).

Scriptable Workbench

Common setup between the two Platform UI demos:

  1. Download 3.4.
  2. Install XULRunner 1.8.1.3 as described in the SWT FAQ.
  3. Create a new workspace. This is important - the demo will not run with the SWT projects from above.
  4. Download the "Mozilla XPCom for Java" feature from this update site: http://releases.mozilla.org/pub/mozilla.org/xulrunner/releases/1.8.1.3/contrib/eclipse/
  5. Import the ui-e4Set.psf file.

Running the "Scriptable Workbench" demo:

  1. Run an inner Eclipse.
  2. Open the "Workbench Model" view by using the Quick Access (CTRL+3) and entering "Workbench Model"

Note that this is experimental code, and many things in the inner Eclipse don't work. Try and play around by changing and running the Javascript code in the right pane of the Model View.

Eclipse Web Client

Common setup between the two Platform UI demos:

  1. Download 3.4.
  2. Install XULRunner 1.8.1.3 as described in the SWT FAQ.
  3. Create a new workspace. This is important - the demo will not run with the SWT projects from above.
  4. Download the "Mozilla XPCom for Java" feature from this update site: http://releases.mozilla.org/pub/mozilla.org/xulrunner/releases/1.8.1.3/contrib/eclipse/
  5. Import the ui-e4Set.psf file.

Running the "Eclipse Web Client" demo:

  1. Run an inner Eclipse.
  2. Create a new project (for example, the RCP Mail project)
  3. In Firefox 2, go to about:config and change the value of network.http.max-persistent-connections-per-server to 4 (default is 2).
  4. Start Firefox 2 and point it at http://localhost:8000/e4/files/workbench.html.

Note that the demo only runs in Firefox.

Back to the top