Skip to content

Commit

Permalink
FLUID-4475: Simplifying the explanatory text of the renderer demo.
Browse files Browse the repository at this point in the history
  • Loading branch information
acheetham committed Sep 29, 2011
1 parent 3c30871 commit 1abb999
Showing 1 changed file with 6 additions and 4 deletions.
10 changes: 6 additions & 4 deletions src/webapp/demos/renderer/demo.html
Original file line number Diff line number Diff line change
Expand Up @@ -41,10 +41,12 @@ <h1><a href="../index.html">Fluid Demonstration Portal</a></h1>
<h2>Renderer<a href="mailto:infusion-users@fluidproject.org?subject=Broken demo: Renderer">Report broken demo</a></h2>
<div class="fl-col example">
<h3>Live Example</h3>
<p><strong>Instructions: </strong>Use the 'Render' button below to populate the template on the left with the data model to the right. As controls are manipulated on the left, the Renderer automatically updates the data model to reflect the user's choices.</p>
<p><strong>Note:</strong> This demo uses a "full" component tree: Each component is fully specified and the tree is ready to render. Full component trees are recommended in complex situations or situations where the tree will require further processing before it becomes final.</p>
<p>To render a relatively simple component tree (e.g. no further processing, just the simplest way to achieve a particular effect), consider using the "prototree" format. Prototrees are a form of shorthand that is expanded by the Renderer before being rendered. They are also useful if you need a fully declarative solution (i.e. you are encoding the tree in JSON).</p>
<p>For demos of simple prototrees, see our <a href="http://wiki.fluidproject.org/display/docs/Renderer+Instructional+Demos">Renderer Instructional Demos</a>.</p>
<p>The Infusion Renderer allows you to create user interface templates in pure HTML and render the pages entirely on the client side. It offers a clean separation of Model and View, working with internal Renderer Component Trees that are independent of the mark-up.</p>
<p>For more demos and information, see:<br/>
<a href="http://wiki.fluidproject.org/display/docs/Renderer+Instructional+Demos">Renderer Instructional Demos</a><br/>
<a href="http://wiki.fluidproject.org/display/docs/Renderer">Renderer Overview</a><br/>
</p>
<p><strong>Demo Instructions: </strong>Use the 'Render' button below to populate the template on the left with the data model to the right. As controls are manipulated on the left, the Renderer automatically updates the data model to reflect the user's choices.</p>
<iframe src="about:blank"></iframe>
</div>
<div class="fl-col content fl-theme-mist">
Expand Down

0 comments on commit 1abb999

Please sign in to comment.