<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Developer Papercuts &#187; How-to</title>
	<atom:link href="http://www.vogella.de/blog/tag/how-to/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.vogella.de/blog</link>
	<description>Tips around Eclipse and Android programming</description>
	<lastBuildDate>Wed, 08 Feb 2012 17:31:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Re-using the Eclipse proxy preference settings in your Eclipse RCP application</title>
		<link>http://www.vogella.de/blog/2009/12/08/eclipse-rcp-proxy-preference/</link>
		<comments>http://www.vogella.de/blog/2009/12/08/eclipse-rcp-proxy-preference/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 01:30:22 +0000</pubDate>
		<dc:creator>Lars Vogel</dc:creator>
				<category><![CDATA[Eclipse]]></category>
		<category><![CDATA[bundle]]></category>
		<category><![CDATA[How-to]]></category>
		<category><![CDATA[Planet]]></category>
		<category><![CDATA[RCP]]></category>

		<guid isPermaLink="false">http://www.vogella.de/blog/?p=1442</guid>
		<description><![CDATA[The following demonstrates how to re-use the Eclipse proxy preferences in an Eclipse RCP application.

Create a project "de.vogella.rcp.net.proxy" and select the "RCP application with a view" as template. 

Add the preferences command to your application. See Eclipse Preferences Tutorial for details.

Add the plugin "org.eclipse.ui.net" and "org.eclipse.core.net" as dependency to your plugin. 

Run your plugin ...]]></description>
			<content:encoded><![CDATA[<p>The following demonstrates how to re-use the Eclipse proxy preferences in an <a href="http://www.vogella.de/articles/RichClientPlatform/article.html">Eclipse RCP</a> application.</p>
<p>Create a project &#8220;de.vogella.rcp.net.proxy&#8221; and select the &#8220;RCP application with a view&#8221; as template. </p>
<p>Add the preferences command to your application. See <a href="http://www.vogella.de/articles/EclipsePreferences/article.html">Eclipse Preferences Tutorial</a> for details.</p>
<p>Add the plugin &#8220;org.eclipse.ui.net&#8221; and &#8220;org.eclipse.core.net&#8221; as dependency to your plugin. </p>
<p>Run your plugin and open preferences. </p>
<p><a href="http://www.vogella.de/blog/wp-content/uploads/2009/11/proxy_settings.gif"><img src="http://www.vogella.de/blog/wp-content/uploads/2009/11/proxy_settings.gif" alt="proxy_settings" width="624" height="541" class="aligncenter size-full wp-image-1446" /></a></p>
<p>Fantastic! You already have the preference dialog. </p>
<p>Now change your view to the following. </p>
<pre class="brush: java; title: ; notranslate">

package de.vogella.rcp.net.proxy;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.net.MalformedURLException;
import java.net.URI;
import java.net.URISyntaxException;
import java.net.URL;

import org.eclipse.core.net.proxy.IProxyData;
import org.eclipse.core.net.proxy.IProxyService;
import org.eclipse.swt.SWT;
import org.eclipse.swt.custom.StyledText;
import org.eclipse.swt.widgets.Composite;
import org.eclipse.ui.part.ViewPart;
import org.osgi.framework.FrameworkUtil;
import org.osgi.util.tracker.ServiceTracker;

public class View extends ViewPart {
	public static final String ID = &quot;de.vogella.rcp.net.proxy.view&quot;;
	private final ServiceTracker proxyTracker;

	public View() {
		proxyTracker = new ServiceTracker(FrameworkUtil.getBundle(
				this.getClass()).getBundleContext(), IProxyService.class
				.getName(), null);
		proxyTracker.open();
	}

	/**
	 * This is a callback that will allow us to create the viewer and initialize
	 * it.
	 */
	public void createPartControl(Composite parent) {
		StyledText text = new StyledText(parent, SWT.NONE);
		text.setText(readWebpage());
	}

	/**
	 * Passing the focus request to the viewer's control.
	 */
	public void setFocus() {
	}

	private String readWebpage() {
		BufferedReader in = null;
		StringBuffer sb = new StringBuffer();

		try {
			URI uri = new URI(&quot;http://www.vogella.de&quot;);
			IProxyService proxyService = getProxyService();
			IProxyData[] proxyDataForHost = proxyService.select(uri);

			for (IProxyData data : proxyDataForHost) {
				if (data.getHost() != null) {
					System.setProperty(&quot;http.proxySet&quot;, &quot;true&quot;);
					System.setProperty(&quot;http.proxyHost&quot;, data.getHost());
				}
				if (data.getHost() != null) {
					System.setProperty(&quot;http.proxyPort&quot;, String.valueOf(data
							.getPort()));
				}
			}
			// Close the service and close the service tracker
			proxyService = null;

			URL url;

			url = uri.toURL();

			in = new BufferedReader(new InputStreamReader(url.openStream()));
			String inputLine;

			while ((inputLine = in.readLine()) != null) {
				// Process each line.
				sb.append(inputLine + &quot;\n&quot;);
			}

		} catch (MalformedURLException e) {
			e.printStackTrace();
		} catch (IOException e) {
			e.printStackTrace();
		} catch (URISyntaxException e) {
			e.printStackTrace();
		} finally {
			if (in != null) {
				try {
					in.close();
				} catch (IOException e) {
					e.printStackTrace();
				}
			}

		}
		return sb.toString();

	}

	public IProxyService getProxyService() {
		return (IProxyService) proxyTracker.getService();
	}

	@Override
	public void dispose() {
		proxyTracker.close();
		super.dispose();
	}

}
</pre>
<p>If you run your application behind a firewall and if you have maintained the proxy correctly then the View should display the HTML code. </p>
<p>Hope this helps!</p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://www.vogella.de/blog/2009/12/08/eclipse-rcp-proxy-preference/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Defining menu entries (commands) at runtime in Eclipse RCP</title>
		<link>http://www.vogella.de/blog/2009/12/03/commands-menu-runtime/</link>
		<comments>http://www.vogella.de/blog/2009/12/03/commands-menu-runtime/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 07:38:53 +0000</pubDate>
		<dc:creator>Lars Vogel</dc:creator>
				<category><![CDATA[Eclipse]]></category>
		<category><![CDATA[Commands]]></category>
		<category><![CDATA[How-to]]></category>
		<category><![CDATA[RCP]]></category>

		<guid isPermaLink="false">http://www.vogella.de/blog/?p=1456</guid>
		<description><![CDATA[A common question I receive is how menu entries can be defined at runtime in an RCP application. The following gives an example how this can be done.

Create the RCP project "de.vogella.rcp.commands.runtimecommands" using the "Hello RCP" template.

Define a menu contribution. Maintain the class "de.vogella.rcp.commands.runtimecommands.DefineCommands" in this menu contribution.



Create the following class. 



Run the example, ...]]></description>
			<content:encoded><![CDATA[<p>A common question I receive is how menu entries can be defined at runtime in an RCP application. The following gives an example how this can be done.</p>
<p>Create the RCP project &#8220;de.vogella.rcp.commands.runtimecommands&#8221; using the &#8220;Hello RCP&#8221; template.</p>
<p>Define a menu contribution. Maintain the class &#8220;de.vogella.rcp.commands.runtimecommands.DefineCommands&#8221; in this menu contribution.</p>
<pre class="brush: xml; title: ; notranslate">

&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
&lt;?eclipse version=&quot;3.4&quot;?&gt;
&lt;plugin&gt;

   &lt;extension
         id=&quot;application&quot;
         point=&quot;org.eclipse.core.runtime.applications&quot;&gt;
      &lt;application&gt;
         &lt;run
               class=&quot;de.vogella.rcp.commands.runtimecommands.Application&quot;&gt;
         &lt;/run&gt;
      &lt;/application&gt;
   &lt;/extension&gt;
   &lt;extension
         point=&quot;org.eclipse.ui.perspectives&quot;&gt;
      &lt;perspective
            name=&quot;RCP Perspective&quot;
            class=&quot;de.vogella.rcp.commands.runtimecommands.Perspective&quot;
            id=&quot;de.vogella.rcp.commands.runtimecommands.perspective&quot;&gt;
      &lt;/perspective&gt;
   &lt;/extension&gt;
   &lt;extension
         point=&quot;org.eclipse.ui.menus&quot;&gt;
      &lt;menuContribution
            class=&quot;de.vogella.rcp.commands.runtimecommands.DefineCommands&quot;
            locationURI=&quot;menu:org.eclipse.ui.main.menu&quot;&gt;
      &lt;/menuContribution&gt;
   &lt;/extension&gt;

&lt;/plugin&gt;
</pre>
<p>Create the following class. </p>
<pre class="brush: java; title: ; notranslate">
package de.vogella.rcp.commands.runtimecommands;

import org.eclipse.swt.SWT;
import org.eclipse.ui.menus.CommandContributionItem;
import org.eclipse.ui.menus.CommandContributionItemParameter;
import org.eclipse.ui.menus.ExtensionContributionFactory;
import org.eclipse.ui.menus.IContributionRoot;
import org.eclipse.ui.services.IServiceLocator;

public class DefineCommands extends ExtensionContributionFactory {

	@Override
	public void createContributionItems(IServiceLocator serviceLocator,
			IContributionRoot additions) {
		CommandContributionItemParameter p = new CommandContributionItemParameter(
				serviceLocator, &quot;&quot;,
				&quot;org.eclipse.ui.file.exit&quot;,
				SWT.PUSH);
		p.label = &quot;Exit the application&quot;;
		p.icon = Activator.getImageDescriptor(&quot;icons/alt_window_16.gif&quot;);

		CommandContributionItem item = new CommandContributionItem(p);
		item.setVisible(true);
		additions.addContributionItem(item, null);
	}

}
</pre>
<p>Run the example, your application should have the Exit command in the menu.  </p>
<p>Thanks to <a href="http://www.einsle.de/">Robert Einsle </a>for the tip. </p>
<p>This description has also be added to my <a href="http://www.vogella.de/articles/EclipseCommands/article.html">Eclipse command tutorial</a>. </p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://www.vogella.de/blog/2009/12/03/commands-menu-runtime/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Profiling Eclipse RCP applications with Eclipse TPTP</title>
		<link>http://www.vogella.de/blog/2009/11/18/profiling-eclipse-rcp-tptp/</link>
		<comments>http://www.vogella.de/blog/2009/11/18/profiling-eclipse-rcp-tptp/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 04:36:12 +0000</pubDate>
		<dc:creator>Lars Vogel</dc:creator>
				<category><![CDATA[Eclipse]]></category>
		<category><![CDATA[How-to]]></category>
		<category><![CDATA[Performance]]></category>
		<category><![CDATA[RCP]]></category>
		<category><![CDATA[TPTP]]></category>

		<guid isPermaLink="false">http://www.vogella.de/blog/?p=1335</guid>
		<description><![CDATA[I believe approx. one or two years ago I tried to profile an Eclipse RCP application  with the Eclipse TPTP project. I believe at this point in time profiling an RCP application with TPTP was not possible. 

I learned from Eugene Chan that the TPTP release which is part of Eclipse Galileo allows ...]]></description>
			<content:encoded><![CDATA[<p>I believe approx. one or two years ago I tried to profile an <a href="http://www.vogella.de/articles/RichClientPlatform/article.html">Eclipse RCP application </a> with the <a href="http://www.eclipse.org/tptp/">Eclipse TPTP </a>project. I believe at this point in time profiling an RCP application with TPTP was not possible. </p>
<p>I learned from Eugene Chan that the TPTP release which is part of Eclipse Galileo allows to profile Eclipse RCP applications. </p>
<p>I suggest you give it a try, it is as easy as profiling a standard <img src='http://www.vogella.de/blog/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  Java application. </p>
<p>You find an updated description here: <a href="http://www.vogella.de/articles/EclipseTPTP/article.html">Eclipse TPTP Tutorial</a>.</p>
<p>Thanks to Eugene Chan, Paul Slauenwhite and Kathy Chan from the TPTP team for feedback on the article. </p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://www.vogella.de/blog/2009/11/18/profiling-eclipse-rcp-tptp/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Using Fast Views in Eclipse RCP</title>
		<link>http://www.vogella.de/blog/2009/09/15/fastview-eclipse-rcp/</link>
		<comments>http://www.vogella.de/blog/2009/09/15/fastview-eclipse-rcp/#comments</comments>
		<pubDate>Tue, 15 Sep 2009 17:04:08 +0000</pubDate>
		<dc:creator>Lars Vogel</dc:creator>
				<category><![CDATA[Eclipse]]></category>
		<category><![CDATA[How-to]]></category>
		<category><![CDATA[RCP]]></category>

		<guid isPermaLink="false">http://www.vogella.de/blog/?p=1094</guid>
		<description><![CDATA[Using fastview / fast view in Eclipse RCP]]></description>
			<content:encoded><![CDATA[<p>In <a href="http://www.vogella.de/blog/2009/08/17/eclipse-rcp-error-view/">Adding the error view to RCP application</a> one commenter asked how he could add a view as a fast view to an <a href="http://www.vogella.de/articles/RichClientPlatform/article.html">Eclipse RCP application.</a></p>
<p>To add views as fast view to your RCP application you have to do two things:</p>
<p>1.) Add your view as &#8220;fast&#8221; via the perspective extension point</p>
<p><a href="http://www.vogella.de/blog/wp-content/uploads/2009/09/fastview10.gif"><img src="http://www.vogella.de/blog/wp-content/uploads/2009/09/fastview10.gif" alt="fastview10" width="959" height="243" class="aligncenter size-full wp-image-1096" /></a></p>
<p>2.) Activate the FastViewBar via the ApplicationWorkbenchWindow Advisor (configurer.setShowFastViewBars(true);)</p>
<pre class="brush: java; title: ; notranslate">

package de.vogella.test;

import org.eclipse.swt.graphics.Point;
import org.eclipse.ui.application.ActionBarAdvisor;
import org.eclipse.ui.application.IActionBarConfigurer;
import org.eclipse.ui.application.IWorkbenchWindowConfigurer;
import org.eclipse.ui.application.WorkbenchWindowAdvisor;

public class ApplicationWorkbenchWindowAdvisor extends WorkbenchWindowAdvisor {

    public ApplicationWorkbenchWindowAdvisor(IWorkbenchWindowConfigurer configurer) {
        super(configurer);
    }

    @Override
	public ActionBarAdvisor createActionBarAdvisor(IActionBarConfigurer configurer) {
        return new ApplicationActionBarAdvisor(configurer);
    }

    @Override
	public void preWindowOpen() {
    	IWorkbenchWindowConfigurer configurer = getWindowConfigurer();

    	configurer.setInitialSize(new Point(1024, 800));
		configurer.setShowStatusLine(true);
		configurer.setTitle(&quot;Network Analyser&quot;);
		configurer.setShowFastViewBars(true);
    }

}
</pre>
<p>This should be sufficient to show your view in your RCP application in the fast view pane. </p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://www.vogella.de/blog/2009/09/15/fastview-eclipse-rcp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Eclipse e4 &#8211; Using the modeled user interface editor</title>
		<link>http://www.vogella.de/blog/2009/08/26/eclipse-e4-modeled-ui/</link>
		<comments>http://www.vogella.de/blog/2009/08/26/eclipse-e4-modeled-ui/#comments</comments>
		<pubDate>Wed, 26 Aug 2009 20:57:10 +0000</pubDate>
		<dc:creator>Lars Vogel</dc:creator>
				<category><![CDATA[Eclipse]]></category>
		<category><![CDATA[E4]]></category>
		<category><![CDATA[How-to]]></category>
		<category><![CDATA[Planet]]></category>

		<guid isPermaLink="false">http://www.vogella.de/blog/?p=1020</guid>
		<description><![CDATA[Update This description has been updated in the following tutorial: Eclipse e4 tutorial.


In the Eclipse e4 webseminar I learned about the e4 UI editor which allow you to change the user interface on the fly.

As you most likely know the Eclipse UI is modelled as an Eclipse EMF model. This model can be changed ...]]></description>
			<content:encoded><![CDATA[<p><strong>Update</strong> This description has been updated in the following tutorial: <a href="http://www.vogella.de/articles/EclipseE4/article.html">Eclipse e4 tutorial</a>.</p>
<p>In the Eclipse e4 webseminar I learned about the e4 UI editor which allow you to change the user interface on the fly.</p>
<p>As you most likely know the Eclipse UI is modelled as an <a href="http://www.vogella.de/articles/EclipseEMF/article.html">Eclipse EMF model</a>. This model can be changed during directly in Eclipse via the editor or via the EMF API (I have not yet tested this) and the UI will change immeadiately according to the change.</p>
<p>To following my example you need the E4 0.9 download from <a href="http://download.eclipse.org/e4/downloads/">Eclipse E4 0.9 download</a>.</p>
<p>Start <a href="http://www.vogella.de/articles/EclipseE4/article.html">Eclipse e4 tutorial</a>. Select Window -&gt; UI Editor</p>
<p><a href="http://www.vogella.de/blog/wp-content/uploads/2009/08/e4modelledui10.gif"><img src="http://www.vogella.de/blog/wp-content/uploads/2009/08/e4modelledui10.gif" alt="e4modelledui10" width="169" height="318" class="aligncenter size-full wp-image-1022" /></a></p>
<p>Open the WorkbenchWindow </p>
<p><a href="http://www.vogella.de/blog/wp-content/uploads/2009/08/e4modelledui20.gif"><img src="http://www.vogella.de/blog/wp-content/uploads/2009/08/e4modelledui20.gif" alt="e4modelledui20" width="640" height="604" class="aligncenter size-full wp-image-1024" /></a></p>
<p>You can now modify the model, e.g. you can drag the package explorer on the same level as the Java perspective. </p>
<p><a href="http://www.vogella.de/blog/wp-content/uploads/2009/08/e4modelledui30.gif"><img src="http://www.vogella.de/blog/wp-content/uploads/2009/08/e4modelledui30.gif" alt="e4modelledui30" width="1024" height="763" class="aligncenter size-full wp-image-1025" /></a></p>
<p>I believe the modeled UI concept is really powerful as it exposes the internal state of the Eclipse based apllication via a well-defined model with a clear API.</p>
<p>Kudos to the <a href="http://www.vogella.de/articles/EclipseE4/article.html">Eclipse e4 </a>team! </p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://www.vogella.de/blog/2009/08/26/eclipse-e4-modeled-ui/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Eclipse e4 &#8211; Styling your UI with css</title>
		<link>http://www.vogella.de/blog/2009/08/18/eclipse-e4-css/</link>
		<comments>http://www.vogella.de/blog/2009/08/18/eclipse-e4-css/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 21:18:39 +0000</pubDate>
		<dc:creator>Lars Vogel</dc:creator>
				<category><![CDATA[Eclipse]]></category>
		<category><![CDATA[E4]]></category>
		<category><![CDATA[How-to]]></category>

		<guid isPermaLink="false">http://www.vogella.de/blog/?p=993</guid>
		<description><![CDATA[Update This description has been updated in the following tutorial: Eclipse e4 tutorial.

Eclipse e4 allows to style your applications via css like stylesheets. The following gives a short example how to get started with css stylecheets. 

Create a new e4 product "de.vogella.e4.css" similar to the description Your first Eclipse e4 application. Of course you ...]]></description>
			<content:encoded><![CDATA[<p><strong>Update</strong> This description has been updated in the following tutorial: <a href="http://www.vogella.de/articles/EclipseE4/article.html">Eclipse e4 tutorial</a>.</p>
<p>Eclipse e4 allows to style your applications via css like stylesheets. The following gives a short example how to get started with css stylecheets. </p>
<p>Create a new e4 product &#8220;de.vogella.e4.css&#8221; similar to the description <a href="http://www.vogella.de/articles/EclipseE4/article.html">Your first Eclipse e4 application</a>. Of course you can also copy &#8220;de.vogella.e4.first&#8221; and edit the package, Application.xmi and the product to fit the new project &#8220;de.vogella.e4.css&#8221;  or just extend &#8220;de.vogella.e4.first&#8221; with the usage of stylesheets.</p>
<p>I like to have my examples separate therefore I use &#8220;de.vogella.e4.css&#8221;.</p>
<p>First lets extend our UI from last time a little bit. Change View1.java to the following.</p>
<pre class="brush: java; title: ; notranslate">

package de.vogella.e4.css.views;

import org.eclipse.e4.core.services.context.IEclipseContext;
import org.eclipse.jface.layout.GridLayoutFactory;
import org.eclipse.swt.SWT;
import org.eclipse.swt.layout.GridData;
import org.eclipse.swt.layout.GridLayout;
import org.eclipse.swt.widgets.Button;
import org.eclipse.swt.widgets.Composite;
import org.eclipse.swt.widgets.Label;
import org.eclipse.swt.widgets.Text;
import org.eclipse.ui.services.IDisposable;

public class View1 implements IDisposable {

	public View1(Composite parent, final IEclipseContext outputContext) {
		GridLayout gridLayout = new GridLayout(2, true);
		Label label = new Label(parent, SWT.NONE);
		label.setText(&quot;E4 is new&quot;);
		GridData gridData = new GridData(GridData.HORIZONTAL_ALIGN_FILL);
		gridData.horizontalIndent = 20;
		label.setLayoutData(gridData);
		Text text = new Text(parent, SWT.NONE);
		text.setText(&quot;and different&quot;);

		label = new Label(parent, SWT.NONE);
		label.setText(&quot;This is a button&quot;);
		new Button(parent, SWT.PUSH).setText(&quot;My button&quot;);

		GridLayoutFactory.createFrom(gridLayout).generateLayout(parent);
	}

	public void dispose() {

	}
}
</pre>
<p>Run your application and you get the following: </p>
<p><a href="http://www.vogella.de/blog/wp-content/uploads/2009/08/e10css10.gif"><img src="http://www.vogella.de/blog/wp-content/uploads/2009/08/e10css10.gif" alt="e10css10" width="407" height="255" class="aligncenter size-full wp-image-995" /></a></p>
<p>This is obvious an application which does not yet use css styleing. </p>
<p>Add now the folder css to your application and create the following file myfirststylesheet.css:</p>
<pre class="brush: css; title: ; notranslate">

Label {
	font: Verdana 20px;
	color:rgb(178,34,34);
	background-color:rgb(255,255,255) rgb(0,0,0) 60%;
}

Button {
	font: Verdana 15px;
	background-color:rgb(255,255,255) rgb(0,0,0);
}

Text {
	font: Verdana 15px;
	background-color:radial rgb(255,255,255) rgb(0,0,0);
}
</pre>
<p>Add the property &#8220;applicationCSS&#8221; which points to the css file to your product:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
&lt;?eclipse version=&quot;3.4&quot;?&gt;
&lt;plugin&gt;
   &lt;extension
         point=&quot;org.eclipse.e4.workbench.parts&quot;&gt;
          &lt;part
            class=&quot;de.vogella.e4.first.views.View1&quot;
            label=&quot;My first E4 View&quot;
            parentId=&quot;org.eclipse.e4.ui.tags.navigation&quot;&gt;
      &lt;/part&gt;
   &lt;/extension&gt;
   &lt;extension
         id=&quot;product1&quot;
         point=&quot;org.eclipse.core.runtime.products&quot;&gt;
      &lt;product
            application=&quot;org.eclipse.e4.ui.workbench.swt.application&quot;
            name=&quot;vogella&quot;&gt;
         &lt;property
               name=&quot;appName&quot;
               value=&quot;vogella&quot;&gt;
         &lt;/property&gt;
         &lt;property
               name=&quot;applicationXMI&quot;
               value=&quot;de.vogella.e4.css/Application.xmi&quot;&gt;
         &lt;/property&gt;
         &lt;property
               name=&quot;applicationCSS&quot;
               value=&quot;platform:/plugin/de.vogella.e4.css/css/myfirststylesheet.css&quot;&gt;
         &lt;/property&gt;
      &lt;/product&gt;
   &lt;/extension&gt;

&lt;/plugin&gt;
</pre>
<p>Run your <a href="http://www.vogella.de/articles/EclipseE4/article.html">  Eclipse e4</a> application and you should receive this <strong>amazing and beautiful UI </strong>.</p>
<p><a href="http://www.vogella.de/blog/wp-content/uploads/2009/08/e10css20.gif"><img src="http://www.vogella.de/blog/wp-content/uploads/2009/08/e10css20.gif" alt="e10css20" width="405" height="255" class="aligncenter size-full wp-image-1003" /></a></p>
<p>Arguably the beauty lies in the eye of the beholder. <img src='http://www.vogella.de/blog/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>I hope this get you started in playing around with the css styling. Check the existing cvs examples (org.eclipse.e4.demo.contacts and org.eclipse.e4.ui.examples.css) to learn more about. You find these in the Eclipse cvs trunk under E4-&gt;org.eclipse.e4.ui. The usage of cvs is described  <a href="http://www.vogella.de/articles/EclipseCodeAccess/article.html#versioncontrol">Source Code Guide of Eclipse 3.5 (Galileo) &#8211; Using cvs </a></p>
<p>I&#8217;m sure you can conjure a nicer UI then I did in my example. <img src='http://www.vogella.de/blog/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Good luck in your E4 journey!</p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://www.vogella.de/blog/2009/08/18/eclipse-e4-css/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

