documentation/samples.html - gerrit/www.eclipse.org/emf-parsley - Git at Google

 <br style="clear:both;height:1em;">
 	<div id="leftcol">
 		<div class="nav-logo">
 			<a href="index.php"><img src="logo.png" style="margin-left:10px; width:155px"/></a>
 		</div>
 		<ul id="leftnav">
 		<li class="partentry" >
 		Documentation
 		</li>
 		<li class="separator"><div class="separator">
 		<img src="triangle.gif" style="height:12px; margin-right: 2px; "  /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
 		<a href="01-Introduction.php">Introduction</a></div>
 		<ul style="display: none;" id="subToc_01-Introduction.html">
 		<li id="01-Introduction.html#reflectiveComponents.html" ><a href="01-Introduction.php#reflectiveComponents.php" >Reflective Components</a></li>
 		<li id="01-Introduction.html#easyToCustomize.html" ><a href="01-Introduction.php#easyToCustomize.php" >Easy to Customize</a></li>
 		<li id="01-Introduction.html#architecture.html" ><a href="01-Introduction.php#architecture.php" >Architecture</a></li>
 		</ul>
 		</li>
 		<li class="separator"><div class="separator">
 		<img src="triangle.gif" style="height:12px; margin-right: 2px; "  /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
 		<a href="02-GettingStarted.php">Getting Started</a></div>
 		<ul style="display: none;" id="subToc_02-GettingStarted.html">
 		<li id="02-GettingStarted.html#Installation.html" ><a href="02-GettingStarted.php#Installation.php" >Installation</a></li>
 		<li id="02-GettingStarted.html#FirstExample.html" ><a href="02-GettingStarted.php#FirstExample.php" >First Example</a></li>
 		<li id="02-GettingStarted.html#RCPMail.html" ><a href="02-GettingStarted.php#RCPMail.php" >RCP Mail Example</a></li>
 		</ul>
 		</li>
 		<li class="separator"><div class="separator">
 		<img src="triangle.gif" style="height:12px; margin-right: 2px; "  /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
 		<a href="03-Components.php">Components</a></div>
 		<ul style="display: none;" id="subToc_03-Components.html">
 		<li id="03-Components.html#FormComponent.html" ><a href="03-Components.php#FormComponent.php" >Form Component</a></li>
 		<li id="03-Components.html#TreeComponent.html" ><a href="03-Components.php#TreeComponent.php" >Tree Component</a></li>
 		<li id="03-Components.html#TreeFormComponent.html" ><a href="03-Components.php#TreeFormComponent.php" >Tree Form Component</a></li>
 		<li id="03-Components.html#TableComponent.html" ><a href="03-Components.php#TableComponent.php" >Table Component</a></li>
 		</ul>
 		</li>
 		<li class="separator"><div class="separator">
 		<img src="triangle.gif" style="height:12px; margin-right: 2px; "  /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
 		<a href="04-Customization.php">Customization</a></div>
 		<ul style="display: none;" id="subToc_04-Customization.html">
 		<li id="04-Customization.html#ResourceManagers.html" ><a href="04-Customization.php#ResourceManagers.php" >Managing Resources</a></li>
 		<li id="04-Customization.html#Providers.html" ><a href="04-Customization.php#Providers.php" >Providers</a></li>
 		<li id="04-Customization.html#SelectionAndMenu.html" ><a href="04-Customization.php#SelectionAndMenu.php" >Selection And Menu</a></li>
 		<li id="04-Customization.html#Builders.html" ><a href="04-Customization.php#Builders.php" >Builders</a></li>
 		<li id="04-Customization.html#Factories.html" ><a href="04-Customization.php#Factories.php" >Factories</a></li>
 		<li id="04-Customization.html#Viewers.html" ><a href="04-Customization.php#Viewers.php" >Viewers</a></li>
 		</ul>
 		</li>
 		<li class="separator"><div class="separator">
 		<img src="triangle.gif" style="height:12px; margin-right: 2px; "  /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
 		<a href="05-DSL.php">EMF Components DSL</a></div>
 		<ul style="display: none;" id="subToc_05-DSL.html">
 		<li id="05-DSL.html#xbase.html" ><a href="05-DSL.php#xbase.php" >Xbase features</a></li>
 		</ul>
 		</li>
 		<li class="separator"><div class="separator">
 		<img src="triangle.gif" style="height:12px; margin-right: 2px; display:none"  /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
 		<a href="06-AdvancedComponents.php">Advanced Components</a></div>
 		</li>
 		<li class="separator"><div class="separator">
 		<img src="triangle.gif" style="height:12px; margin-right: 2px; "  /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
 		<a href="07-Eclipse4.php">Eclipse 4</a></div>
 		<ul style="display: none;" id="subToc_07-Eclipse4.html">
 		<li id="07-Eclipse4.html#GetFirstExample.html" ><a href="07-Eclipse4.php#GetFirstExample.php" >First Example Setup</a></li>
 		<li id="07-Eclipse4.html#PrepareForEclipse4Application.html" ><a href="07-Eclipse4.php#PrepareForEclipse4Application.php" >Preparing for a pure Eclipse 4 Application</a></li>
 		<li id="07-Eclipse4.html#CreateEclipse4Application.html" ><a href="07-Eclipse4.php#CreateEclipse4Application.php" >Create an Eclipse 4 Application</a></li>
 		<li id="07-Eclipse4.html#Eclipse4ApplicationAndEMFComponents.html" ><a href="07-Eclipse4.php#Eclipse4ApplicationAndEMFComponents.php" >Using an EMF Parsley TreeComposite into an Eclipse 4 Part</a></li>
 		<li id="07-Eclipse4.html#Eclipse4Save.html" ><a href="07-Eclipse4.php#Eclipse4Save.php" >Adding the dirty state and Save command</a></li>
 		</ul>
 		</li>
 		<li class="partentry" >
 		Appendix
 		</li>
 		<li class="separator"><div class="separator">
 		<img src="triangle.gif" style="height:12px; margin-right: 2px; "  /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
 		<a href="GettingSources.php">Getting Sources</a></div>
 		<ul style="display: none;" id="subToc_GettingSources.html">
 		<li id="GettingSources.html#InstallBuckminster.html" ><a href="GettingSources.php#InstallBuckminster.php" >Install Buckminster in the IDE</a></li>
 		<li id="GettingSources.html#PrepareTP.html" ><a href="GettingSources.php#PrepareTP.php" >Prepare an empty target platform</a></li>
 		<li id="GettingSources.html#MaterializeWP.html" ><a href="GettingSources.php#MaterializeWP.php" >Materialize the Workspace</a></li>
 		</ul>
 		</li>
 		<li class="separator"><div class="separator">
 		<img src="triangle.gif" style="height:12px; margin-right: 2px; "  /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
 		<a href="samples.php">Xdoc Samples</a></div>
 		<ul style="display: none;" id="subToc_samples.html">
 		<li id="samples.html#Links.html" ><a href="samples.php#Links.php" >References</a></li>
 		<li id="samples.html#CodeSections.html" ><a href="samples.php#CodeSections.php" >Code Sections</a></li>
 		<li id="samples.html#Lists.html" ><a href="samples.php#Lists.php" >Lists and Tables</a></li>
 		<li id="samples.html#Tables.html" ><a href="samples.php#Tables.php" >Tables</a></li>
 		<li id="samples.html#TODO.html" ><a href="samples.php#TODO.php" >TODO</a></li>
 		<li id="samples.html#Images.html" ><a href="samples.php#Images.php" >Images</a></li>
 		</ul>
 		</li>
 		</ul>
 	</div>
 	<div id="midcolumn">
 		<a name="samples" ></a>
 		<h1>Xdoc Samples</h1>
 				<div class="toc">
 				  <ul>
 				    <li><a href="samples.php#Links.php" >References</a></li>
 				    <li><a href="samples.php#CodeSections.php" >Code Sections</a></li>
 				    <li><a href="samples.php#Lists.php" >Lists and Tables</a></li>
 				    <li><a href="samples.php#Tables.php" >Tables</a></li>
 				    <li><a href="samples.php#TODO.php" >TODO</a></li>
 				    <li><a href="samples.php#Images.php" >Images</a></li>
 				  </ul>
 				</div>

 		<p>
 		This is text for the introduction. You can <em>emphasize</em> elements and create multiple
 		paragraphs by adding a newline, like this. As you can see we also have splel checking
 		with corrections.
 		</p>
 		<p>
 		In the following the different syntactical elements are explained by example.
 		</p>
 		<a name="Links" ></a>
 		<span style="float:left; border-top: 1px dotted #d4d4dd; margin-left: 0; margin-top: 5px;
 			padding: 5px 0;
 			padding-top: 5px;"></span><a style="float: right" href="#">Top</a>
 			<br style="clear:both"></br>
 			<h1>References</h1>
 			<p>
 			The following is an <a href="http://www.google.com" >external link</a>
 			and if you want to refer internally you can <a href="01-Introduction.php" title="Go to &quot;Introduction&quot;">do so as well</a>.You can even
 			refer to Java code like this : <a class="jdoc" href="http://download.oracle.com/javase/1.5.0/docs/api/java/lang/String.html" title="java.lang.String">String</abbr></a>.
 			</p>
 		<a name="CodeSections" ></a>
 		<span style="float:left; border-top: 1px dotted #d4d4dd; margin-left: 0; margin-top: 5px;
 			padding: 5px 0;
 			padding-top: 5px;"></span><a style="float: right" href="#">Top</a>
 			<br style="clear:both"></br>
 			<h1>Code Sections</h1>
 			<p>
 			A code section looks like this:
 			</p>
 			<p>
 			<div class="literallayout">
 				<div class="incode">
 					<p class="code">
 						<span class="keyword">class</span>&nbsp;HelloWorld&nbsp;{
 						<br/>
 						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="keyword">public</span>&nbsp;<span class="keyword">void</span>&nbsp;sayHello(String&nbsp;name)&nbsp;{
 						<br/>
 						System.out.println(<span class="string">"Hello&nbsp;"</span>+name);
 						<br/>
 						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
 						<br/>
 						&nbsp;&nbsp;&nbsp;&nbsp;}
 					</p>
 				</div>
 			</div>
 			</p>
 			<p>
 			Note how the code is highlighted according to the language you choose.
 			It is even possible to have different language configurations to get different coloring.
 			</p>
 		<a name="Lists" ></a>
 		<span style="float:left; border-top: 1px dotted #d4d4dd; margin-left: 0; margin-top: 5px;
 			padding: 5px 0;
 			padding-top: 5px;"></span><a style="float: right" href="#">Top</a>
 			<br style="clear:both"></br>
 			<h1>Lists and Tables</h1>
 			<p>
 			Lists are very similar to HTML.
 			We've got ordered lists:

 			<ol>
 			  <li>First</li>
 			  <li>Second</li>
 			  <li>Third</li>
 			</ol>
 			</p>
 			<p>
 			and unordered lists:
 			</p>
 			<p>
 			<ul>
 			  <li>Foo</li>
 			  <li>Bar</li>
 			  <li>Baz</li>
 			</ul>
 			</p>
 		<a name="Tables" ></a>
 		<span style="float:left; border-top: 1px dotted #d4d4dd; margin-left: 0; margin-top: 5px;
 			padding: 5px 0;
 			padding-top: 5px;"></span><a style="float: right" href="#">Top</a>
 			<br style="clear:both"></br>
 			<h1>Tables</h1>
 			<p>
 			<table>
 			  <tr>
 			    <td>This is a table cell</td>
 			    <td>and another one</td>
 			  </tr>
 			  <tr>
 			    <td>table rows can contain many cells</td>
 			    <td>but each row has to contain the same number of cells</td>
 			  </tr>
 			</table>
 			</p>
 		<a name="TODO" ></a>
 		<span style="float:left; border-top: 1px dotted #d4d4dd; margin-left: 0; margin-top: 5px;
 			padding: 5px 0;
 			padding-top: 5px;"></span><a style="float: right" href="#">Top</a>
 			<br style="clear:both"></br>
 			<h1>TODO</h1>
 			<p>
 			<div class="todo" >
 			document todo elements
 			</div>
 			</p>
 		<a name="Images" ></a>
 		<span style="float:left; border-top: 1px dotted #d4d4dd; margin-left: 0; margin-top: 5px;
 			padding: 5px 0;
 			padding-top: 5px;"></span><a style="float: right" href="#">Top</a>
 			<br style="clear:both"></br>
 			<h1>Images</h1>
 			<p>
 			Images are not fully supported by the new Xtend generator,
 			but will of course be readded soon :-)
 			</p>
 		<div id="disqus_thread"></div>
 		<script type="text/javascript" src="documentationRoot.js"></script>
 		<script type="text/javascript">
 		    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
 		    var disqus_shortname = 'xtext'; // required: replace example with your forum shortname

 		    // The following are highly recommended additional parameters. Remove the slashes in front to use.
 		    var disqus_identifier = 'samples';
 		    var disqus_url = documentationRoot+'samples.php';

 		    /* * * DON'T EDIT BELOW THIS LINE * * */
 		    (function() {
 		        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
 		        dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
 		        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
 		    })();
 		</script>
  		<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
 	</div>
 	<br style="clear:both;height:1em;">
	<br style="clear:both;height:1em;">
	<div id="leftcol">
	<div class="nav-logo">
	<a href="index.php"><img src="logo.png" style="margin-left:10px; width:155px"/></a>
	</div>
	<ul id="leftnav">
	<li class="partentry" >
	Documentation
	</li>
	<li class="separator"><div class="separator">
	<img src="triangle.gif" style="height:12px; margin-right: 2px; " /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
	<a href="01-Introduction.php">Introduction</a></div>
	<ul style="display: none;" id="subToc_01-Introduction.html">
	<li id="01-Introduction.html#reflectiveComponents.html" ><a href="01-Introduction.php#reflectiveComponents.php" >Reflective Components</a></li>
	<li id="01-Introduction.html#easyToCustomize.html" ><a href="01-Introduction.php#easyToCustomize.php" >Easy to Customize</a></li>
	<li id="01-Introduction.html#architecture.html" ><a href="01-Introduction.php#architecture.php" >Architecture</a></li>
	</ul>
	</li>
	<li class="separator"><div class="separator">
	<img src="triangle.gif" style="height:12px; margin-right: 2px; " /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
	<a href="02-GettingStarted.php">Getting Started</a></div>
	<ul style="display: none;" id="subToc_02-GettingStarted.html">
	<li id="02-GettingStarted.html#Installation.html" ><a href="02-GettingStarted.php#Installation.php" >Installation</a></li>
	<li id="02-GettingStarted.html#FirstExample.html" ><a href="02-GettingStarted.php#FirstExample.php" >First Example</a></li>
	<li id="02-GettingStarted.html#RCPMail.html" ><a href="02-GettingStarted.php#RCPMail.php" >RCP Mail Example</a></li>
	</ul>
	</li>
	<li class="separator"><div class="separator">
	<img src="triangle.gif" style="height:12px; margin-right: 2px; " /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
	<a href="03-Components.php">Components</a></div>
	<ul style="display: none;" id="subToc_03-Components.html">
	<li id="03-Components.html#FormComponent.html" ><a href="03-Components.php#FormComponent.php" >Form Component</a></li>
	<li id="03-Components.html#TreeComponent.html" ><a href="03-Components.php#TreeComponent.php" >Tree Component</a></li>
	<li id="03-Components.html#TreeFormComponent.html" ><a href="03-Components.php#TreeFormComponent.php" >Tree Form Component</a></li>
	<li id="03-Components.html#TableComponent.html" ><a href="03-Components.php#TableComponent.php" >Table Component</a></li>
	</ul>
	</li>
	<li class="separator"><div class="separator">
	<img src="triangle.gif" style="height:12px; margin-right: 2px; " /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
	<a href="04-Customization.php">Customization</a></div>
	<ul style="display: none;" id="subToc_04-Customization.html">
	<li id="04-Customization.html#ResourceManagers.html" ><a href="04-Customization.php#ResourceManagers.php" >Managing Resources</a></li>
	<li id="04-Customization.html#Providers.html" ><a href="04-Customization.php#Providers.php" >Providers</a></li>
	<li id="04-Customization.html#SelectionAndMenu.html" ><a href="04-Customization.php#SelectionAndMenu.php" >Selection And Menu</a></li>
	<li id="04-Customization.html#Builders.html" ><a href="04-Customization.php#Builders.php" >Builders</a></li>
	<li id="04-Customization.html#Factories.html" ><a href="04-Customization.php#Factories.php" >Factories</a></li>
	<li id="04-Customization.html#Viewers.html" ><a href="04-Customization.php#Viewers.php" >Viewers</a></li>
	</ul>
	</li>
	<li class="separator"><div class="separator">
	<img src="triangle.gif" style="height:12px; margin-right: 2px; " /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
	<a href="05-DSL.php">EMF Components DSL</a></div>
	<ul style="display: none;" id="subToc_05-DSL.html">
	<li id="05-DSL.html#xbase.html" ><a href="05-DSL.php#xbase.php" >Xbase features</a></li>
	</ul>
	</li>
	<li class="separator"><div class="separator">
	<img src="triangle.gif" style="height:12px; margin-right: 2px; display:none" /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
	<a href="06-AdvancedComponents.php">Advanced Components</a></div>
	</li>
	<li class="separator"><div class="separator">
	<img src="triangle.gif" style="height:12px; margin-right: 2px; " /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
	<a href="07-Eclipse4.php">Eclipse 4</a></div>
	<ul style="display: none;" id="subToc_07-Eclipse4.html">
	<li id="07-Eclipse4.html#GetFirstExample.html" ><a href="07-Eclipse4.php#GetFirstExample.php" >First Example Setup</a></li>
	<li id="07-Eclipse4.html#PrepareForEclipse4Application.html" ><a href="07-Eclipse4.php#PrepareForEclipse4Application.php" >Preparing for a pure Eclipse 4 Application</a></li>
	<li id="07-Eclipse4.html#CreateEclipse4Application.html" ><a href="07-Eclipse4.php#CreateEclipse4Application.php" >Create an Eclipse 4 Application</a></li>
	<li id="07-Eclipse4.html#Eclipse4ApplicationAndEMFComponents.html" ><a href="07-Eclipse4.php#Eclipse4ApplicationAndEMFComponents.php" >Using an EMF Parsley TreeComposite into an Eclipse 4 Part</a></li>
	<li id="07-Eclipse4.html#Eclipse4Save.html" ><a href="07-Eclipse4.php#Eclipse4Save.php" >Adding the dirty state and Save command</a></li>
	</ul>
	</li>
	<li class="partentry" >
	Appendix
	</li>
	<li class="separator"><div class="separator">
	<img src="triangle.gif" style="height:12px; margin-right: 2px; " /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
	<a href="GettingSources.php">Getting Sources</a></div>
	<ul style="display: none;" id="subToc_GettingSources.html">
	<li id="GettingSources.html#InstallBuckminster.html" ><a href="GettingSources.php#InstallBuckminster.php" >Install Buckminster in the IDE</a></li>
	<li id="GettingSources.html#PrepareTP.html" ><a href="GettingSources.php#PrepareTP.php" >Prepare an empty target platform</a></li>
	<li id="GettingSources.html#MaterializeWP.html" ><a href="GettingSources.php#MaterializeWP.php" >Materialize the Workspace</a></li>
	</ul>
	</li>
	<li class="separator"><div class="separator">
	<img src="triangle.gif" style="height:12px; margin-right: 2px; " /><img src="triangle-90.gif" style="display:none; margin-right: 2px" height="12px" />
	<a href="samples.php">Xdoc Samples</a></div>
	<ul style="display: none;" id="subToc_samples.html">
	<li id="samples.html#Links.html" ><a href="samples.php#Links.php" >References</a></li>
	<li id="samples.html#CodeSections.html" ><a href="samples.php#CodeSections.php" >Code Sections</a></li>
	<li id="samples.html#Lists.html" ><a href="samples.php#Lists.php" >Lists and Tables</a></li>
	<li id="samples.html#Tables.html" ><a href="samples.php#Tables.php" >Tables</a></li>
	<li id="samples.html#TODO.html" ><a href="samples.php#TODO.php" >TODO</a></li>
	<li id="samples.html#Images.html" ><a href="samples.php#Images.php" >Images</a></li>
	</ul>
	</li>
	</ul>
	</div>
	<div id="midcolumn">
	<a name="samples" ></a>
	<h1>Xdoc Samples</h1>
	<div class="toc">
	<ul>
	<li><a href="samples.php#Links.php" >References</a></li>
	<li><a href="samples.php#CodeSections.php" >Code Sections</a></li>
	<li><a href="samples.php#Lists.php" >Lists and Tables</a></li>
	<li><a href="samples.php#Tables.php" >Tables</a></li>
	<li><a href="samples.php#TODO.php" >TODO</a></li>
	<li><a href="samples.php#Images.php" >Images</a></li>
	</ul>
	</div>

	<p>
	This is text for the introduction. You can <em>emphasize</em> elements and create multiple
	paragraphs by adding a newline, like this. As you can see we also have splel checking
	with corrections.
	</p>
	<p>
	In the following the different syntactical elements are explained by example.
	</p>
	<a name="Links" ></a>
	<span style="float:left; border-top: 1px dotted #d4d4dd; margin-left: 0; margin-top: 5px;
	padding: 5px 0;
	padding-top: 5px;"></span><a style="float: right" href="#">Top</a>
	<br style="clear:both"></br>
	<h1>References</h1>
	<p>
	The following is an <a href="http://www.google.com" >external link</a>
	and if you want to refer internally you can <a href="01-Introduction.php" title="Go to "Introduction"">do so as well</a>.You can even
	refer to Java code like this : <a class="jdoc" href="http://download.oracle.com/javase/1.5.0/docs/api/java/lang/String.html" title="java.lang.String">String</abbr></a>.
	</p>
	<a name="CodeSections" ></a>
	<span style="float:left; border-top: 1px dotted #d4d4dd; margin-left: 0; margin-top: 5px;
	padding: 5px 0;
	padding-top: 5px;"></span><a style="float: right" href="#">Top</a>
	<br style="clear:both"></br>
	<h1>Code Sections</h1>
	<p>
	A code section looks like this:
	</p>
	<p>
	<div class="literallayout">
	<div class="incode">
	<p class="code">
	<span class="keyword">class</span> HelloWorld {
	<br/>
	<span class="keyword">public</span> <span class="keyword">void</span> sayHello(String name) {
	<br/>
	System.out.println(<span class="string">"Hello "</span>+name);
	<br/>
	}
	<br/>
	}
	</p>
	</div>
	</div>
	</p>
	<p>
	Note how the code is highlighted according to the language you choose.
	It is even possible to have different language configurations to get different coloring.
	</p>
	<a name="Lists" ></a>
	<span style="float:left; border-top: 1px dotted #d4d4dd; margin-left: 0; margin-top: 5px;
	padding: 5px 0;
	padding-top: 5px;"></span><a style="float: right" href="#">Top</a>
	<br style="clear:both"></br>
	<h1>Lists and Tables</h1>
	<p>
	Lists are very similar to HTML.
	We've got ordered lists:

	<ol>
	<li>First</li>
	<li>Second</li>
	<li>Third</li>
	</ol>
	</p>
	<p>
	and unordered lists:
	</p>
	<p>
	<ul>
	<li>Foo</li>
	<li>Bar</li>
	<li>Baz</li>
	</ul>
	</p>
	<a name="Tables" ></a>
	<span style="float:left; border-top: 1px dotted #d4d4dd; margin-left: 0; margin-top: 5px;
	padding: 5px 0;
	padding-top: 5px;"></span><a style="float: right" href="#">Top</a>
	<br style="clear:both"></br>
	<h1>Tables</h1>
	<p>
	<table>
	<tr>
	<td>This is a table cell</td>
	<td>and another one</td>
	</tr>
	<tr>
	<td>table rows can contain many cells</td>
	<td>but each row has to contain the same number of cells</td>
	</tr>
	</table>
	</p>
	<a name="TODO" ></a>
	<span style="float:left; border-top: 1px dotted #d4d4dd; margin-left: 0; margin-top: 5px;
	padding: 5px 0;
	padding-top: 5px;"></span><a style="float: right" href="#">Top</a>
	<br style="clear:both"></br>
	<h1>TODO</h1>
	<p>
	<div class="todo" >
	document todo elements
	</div>
	</p>
	<a name="Images" ></a>
	<span style="float:left; border-top: 1px dotted #d4d4dd; margin-left: 0; margin-top: 5px;
	padding: 5px 0;
	padding-top: 5px;"></span><a style="float: right" href="#">Top</a>
	<br style="clear:both"></br>
	<h1>Images</h1>
	<p>
	Images are not fully supported by the new Xtend generator,
	but will of course be readded soon :-)
	</p>
	<div id="disqus_thread"></div>
	<script type="text/javascript" src="documentationRoot.js"></script>
	<script type="text/javascript">
	/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
	var disqus_shortname = 'xtext'; // required: replace example with your forum shortname

	// The following are highly recommended additional parameters. Remove the slashes in front to use.
	var disqus_identifier = 'samples';
	var disqus_url = documentationRoot+'samples.php';

	/* * * DON'T EDIT BELOW THIS LINE * * */
	(function() {
	var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
	dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
	(document.getElementsByTagName('head')[0] \|\| document.getElementsByTagName('body')[0]).appendChild(dsq);
	})();
	</script>
	<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
	</div>
	<br style="clear:both;height:1em;">