--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+<head>
+<title>IT Mill Toolkit Demo</title>
+<link rel="stylesheet" type="text/css" href="styles/demos.css" />
+</head>
+<body>
+<div id="container">
+
+<div id="itmilllogo"><h1>IT Mill Toolkit</h1></div>
+
+<div id="toolkit"></div>
+
+
+
+<div class="feature-browser">
+ <h4><a href="reservr.html">Reservr</a></h4>
+ <div class="option">
+ <span class="link"><a href="reservr.html">Reservr</a></span>
+ <span class="desc">Larger example application</span>
+ </div>
+ <br />Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/reservation">browse source</a></span>
+ </div>
+
+ <div class="feature-browser">
+ <h4><a href="FeaturesApplication/">Feature Browser</a></h4>
+ <div class="option">
+ <span class="link"><a href="FeaturesApplication/">FeatureBrowser</a></span>
+ <span class="desc">Test bench application for trying out different components and features of the IT Mill Toolkit</span>
+ </div>
+ <br />Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/features">browse features folder</a></span>
+ </div>
+
+ <div class="feature-browser">
+ <h3><a href="NotificationDemo/">Notification Demo</a></h3>
+ <div class="option">
+ <p>
+ Smaller application which demonstrates Rich Text Area widget and Window notification functionality.
+ </p>
+ </div>
+ Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/NotificationDemo.java.html">NotificationDemo.java</a></span>
+ </div>
+
+ <div class="feature-browser">
+ <h3><a href="NotificationDemo/">Windowed Demos</a></h3>
+ <div class="option">
+ <p>
+ Demonstrates Windowing functionality.
+ </p>
+ </div>
+ Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/WindowedDemos.java.html">NotificationDemo.java</a></span>
+ </div>
+
+ <div class="feature-browser">
+ <h4><a href="colorpicker/">Colorpicker widget</a></h4>
+ <div class="option">
+ <span class="link"><a href="colorpicker/">Colorpicker widget</a></span>
+ <span class="desc">Demonstrates how to make new widgets easily with Toolkit.
+ See also documentation which is located <a href="/doc/manual/ch08s02.html">here</a>.</span>
+ </div>
+ <br />Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/colorpicker">browse source</a></span>
+ </div>
+
+ <div class="sample-code">
+ <h3>Simple application demos</h3>
+ <div class="option">
+ <span class="link"><a href="HelloWorld/">HelloWorld</a></span>
+ <span class="desc">Classic Hello World example.</span>
+ </div>
+ <div class="option">
+ <span class="link"><a href="Calc/">Calc</a></span>
+ <span class="desc">Simple Toolkit application where events are used.</span>
+ </div>
+ <br />Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/HelloWorld.java.html">HelloWorld.java</a></span> and
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/Calc.java.html">Calc.java</a></span>
+ </div>
+
+ <div class="sample-code">
+ <h3>Client-side caching demo</h3>
+ <div class="option">
+ <span class="link"><a href="CachingDemo/">CachingDemo</a></span>
+ <span class="desc">
+ Simple demo of Toolkit cache feature. An Tabsheet contains two tabs where second tab contains heavy server-side content processing.
+ For the first time you load tab2 it takes long time. Following request are lightning fast because
+ Toolkit server instruct client-side to use already cached version (components within tab2 have not changed). </span>
+ </div>
+ <br />Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/CachingDemo.java.html">CachingDemo.java</a></span>
+ </div>
+
+
+ <div class="sample-code">
+ <h3><a href="UpgradingSample/">Long lifecycle of Toolkit applications</a></h3>
+ <div class="option">
+ <p>
+ Demonstrates sample <a href="http://www.millstone.org/">Millstone</a> application that was ajaxified (upgraded to Toolkit 4.0.0)
+ simply by changing three import namespaces and adding Toolkit libraries to classpath.
+ Initial IT Mill Toolkit framework has existed since 2001 (see <a href="http://www.millstone.org/">Millstone</a>) and is
+ ready for production use today.
+ </p>
+ <b>Note:</b> This sample application was created on year 2002.
+ </div>
+ <br />Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/UpgradingSample.java.html">UpgradingSample.java</a></span>
+ </div>
+
+
+ <div class="feature-browser">
+ <h3><a href="QueryContainerDemo/">Tree using QueryContainer demo</a></h3>
+ <div class="option">
+ <p>
+ This example shows how Table, Select and Tree UI components can use Containers.
+ QueryContainer is used to bind SQL table rows into Toolkit UI components.
+ Table has few example actions added. Also embedding XHTML through Label components is used.
+ </p>
+ <p>
+ Demonstrates how to create <em>com.itmill.toolkit.data.Container</em> and set it as
+ data source to UI components <em>com.itmill.toolkit.ui.Component.Tree</em>, how to
+ receive ExpandEvent and implement <em>com.itmill.toolkit.ui.Tree.ExpandListener</em>,
+ how to use <em>com.itmill.toolkit.event.Action</em>.
+ </p>
+ </div>
+ Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/QueryContainerDemo.java.html">QueryContainerDemo.java</a></span>
+ </div>
+
+ <div class="feature-browser">
+ <h3><a href="TableDemo/">Table demo</a></h3>
+ <div class="option">
+ <p>
+ Similar to <em>Tree using QueryContainer demo</em> but uses different style
+ for handling events with Table component.
+ </p>
+ <p>
+ Demonstrates another possibility how event framework may be used,
+ in this example specific methods are registered for button click events.
+ </p>
+ </div>
+ <br />Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/TableDemo.java.html">TableDemo.java</a></span>
+ </div>
+
+ <div class="feature-browser">
+ <h3><a href="TreeFilesystemContainer/">Tree using FilesystemContainer demo</a></h3>
+ <div class="option">
+ <p>
+ Browsable file explorer using Toolkit Tree component.
+ </p>
+ Demonstrates how to
+ use <em>com.itmill.toolkit.ui.Component.Tree</em> data source container,
+ how to create <em>com.itmill.toolkit.data.util.FilesystemContainer</em>,
+ how to read <em>com.itmill.toolkit.ui.Component.Event</em> objects, how
+ to receive and handle any event by implementing
+ <em>com.itmill.toolkit.ui.Component.Listener</em>.
+ </div>
+ <br />Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/TreeFilesystemContainer.java.html">TreeFilesystemContainer.java</a></span>
+ </div>
+
+ <div class="feature-browser">
+ <h3><a href="TreeFilesystem/">Tree item handling demo</a></h3>
+ <div class="option">
+ <p>
+ Browsable file explorer using Toolkit Tree component.
+ </p>
+ Demonstrates: how
+ to add items hierarchially into
+ <em>com.itmill.toolkit.ui.Component.Tree</em>, how to receive
+ ExpandEvent and implement
+ <em>com.itmill.toolkit.ui.Tree.ExpandListener</em>.
+ </div>
+ <br />Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/TreeFilesystem.java.html">TreeFilesystem.java</a></span>
+ </div>
+
+ <div class="feature-browser">
+ <h3><a href="SelectDemo/">Select demo</a></h3>
+ <div class="option">
+ <p>
+ This example shows select component with default and lazy loading functionality enabled (a.k.a Google Suggest).
+ Click to first select component and type few letters using your keyboard to see it in action.
+ Second select component has default functionality.
+ </p>
+ </div>
+ Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/SelectDemo.java.html">SelectDemo.java</a></span>
+ </div>
+
+ <div class="feature-browser">
+ <h3><a href="FilterSelect/">FilterSelect demo</a></h3>
+ <div class="option">
+ <p>
+ This example shows three select components with lazy loading functionality enabled.
+ First select works like Google Suggest, second uses "Contains" filter and third uses custom "Ends with" filter.
+ Click to select components and type few letters using your keyboard to see it in action.
+ </p>
+ </div>
+ Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/FilterSelect.java.html">FilterSelect.java</a></span>
+ </div>
+
+ <div class="feature-browser">
+ <h3><a href="KeyboardShortcut/">Keyboard events demo</a></h3>
+ <div class="option">
+ Contains few Toolkit UI components that can be interacted by pressing keys in keyboard.
+ <b>Note</b>: This feature is under development and is considered as beta.
+ </div>
+ <br />Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/KeyboardShortcut.java.html">KeyboardShortcut.java</a></span>
+ </div>
+
+ <div class="feature-browser">
+ <h3><a href="Parameters/">URI and Parameter handling demo</a></h3>
+ <div class="option">
+ This is a demonstration of how URL parameters can be received and handled.
+ Parameters and URL:s can be received trough the windows by registering
+ URIHandler and ParameterHandler classes window.
+ </div>
+ <br />Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/Parameters.java.html">Parameters.java</a></span>
+ </div>
+
+ <div class="feature-browser">
+ <h3><a href="BufferedComponents/">Buffered UI components demo</a></h3>
+ <div class="option">
+ Explains how to use buffering with UI components, and how to perform commit and discard functions.
+ With buffered UI components underlying data objects and UI objects have separate states.
+ </div>
+ <br />Source code:
+ <span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/BufferedComponents.java.html">BufferedComponents.java</a></span>
+ </div>
+
+
+</div><!-- // Container -->
+
+</body></html>
\ No newline at end of file
projects / vaadin-framework.git / commitdiff