From 2fae04eee642364a00b08e58432a8d5e5a5181cf Mon Sep 17 00:00:00 2001 From: Jani Laakso Date: Mon, 23 Apr 2007 11:33:28 +0000 Subject: [PATCH] Fixed #579, #622 Removed Toolkit Mashup demo because it did not work with IE7 (would have required IE7 dependant checks code on JSP page). Fixed #631, index.html and CSS. Now fonts should be the same for Safari and IE7 too. svn changeset:1299/svn branch:trunk --- WebContent/ToolkitMashup.jsp | 84 ----- WebContent/ToolkitMashup.jsp.txt | 84 ----- WebContent/index.html | 515 +++++++++++++++---------------- WebContent/styles/demos.css | 9 +- 4 files changed, 254 insertions(+), 438 deletions(-) delete mode 100644 WebContent/ToolkitMashup.jsp delete mode 100644 WebContent/ToolkitMashup.jsp.txt diff --git a/WebContent/ToolkitMashup.jsp b/WebContent/ToolkitMashup.jsp deleted file mode 100644 index eb563f0667..0000000000 --- a/WebContent/ToolkitMashup.jsp +++ /dev/null @@ -1,84 +0,0 @@ -<% - // - // Demonstrates how Toolkit application can be integrated into jsp pages - // - // You need to add - // 1. one code block under - // 2. one tag to - // 3. one code block under - // - String test = "This text comes from EmbeddedToolkit.jsp file"; - // Toolkit application name. This is servlet URL pattern, see web.xml - String applicationName = "TableDemo"; -%> - - - - - - - Embedding Toolkit to JSP pages - - - - - - - - - - - - - - - - - - - - - - - -
-

<%=test %> before Toolkit application.

-
- - - - -
Loading...
-
- - - - - - - -
-

<%=test %> after Toolkit application.

-
-
-
- - - - \ No newline at end of file diff --git a/WebContent/ToolkitMashup.jsp.txt b/WebContent/ToolkitMashup.jsp.txt deleted file mode 100644 index eb563f0667..0000000000 --- a/WebContent/ToolkitMashup.jsp.txt +++ /dev/null @@ -1,84 +0,0 @@ -<% - // - // Demonstrates how Toolkit application can be integrated into jsp pages - // - // You need to add - // 1. one code block under - // 2. one tag to - // 3. one code block under - // - String test = "This text comes from EmbeddedToolkit.jsp file"; - // Toolkit application name. This is servlet URL pattern, see web.xml - String applicationName = "TableDemo"; -%> - - - - - - - Embedding Toolkit to JSP pages - - - - - - - - - - - - - - - - - - - - - - - -
-

<%=test %> before Toolkit application.

-
- - - - -
Loading...
-
- - - - - - - -
-

<%=test %> after Toolkit application.

-
-
-
- - - - \ No newline at end of file diff --git a/WebContent/index.html b/WebContent/index.html index b486a56fc8..3287dd84c7 100644 --- a/WebContent/index.html +++ b/WebContent/index.html @@ -1,265 +1,250 @@ - - -IT Mill Toolkit Demo - - - - -
- - - -
- -
-

Feature Browser

-
- Autodetected mode - Use AJAX if supported by browser, otherwise fallback to HTML mode -
-
- AJAX mode - Select AJAX-based technology mode -
-
- HTML mode - Select page based request/response technology mode -
-

Source code: - browse features folder -
- -
-

Simple application demos

-
- HelloWorld - Simple Toolkit application. -
-
- Calc - Simple Toolkit application where events are used. -
-

Source code: - HelloWorld.java - Calc.java -
-
- -
-

Long lifecycle of Toolkit applications

-
-

- Demonstrates sample Millstone 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 Millstone) and is - ready for production use today. -

- Note: This sample application was created on year 2002. -
-
Source code: - UpgradingSample.java -
- - -
-

OpenAjax Hub Conformance tests

-
-

- Performs basic OpenAjax hub conformance tests against IT Mill Toolkit. - Also demonstrates how to integrate Toolkit applications into HTML pages. -

- Note: Embedded FeatureBrowser application is the same - application instance that can be accessed as standalone application, see FeatureBrowser. -
-
- -
-

Toolkit application mashup demo

-
-

- Demonstrates how Toolkit application may be integrated into other frameworks. In this example we use JSP pages. - See HTML source or respective jsp file what code blocks are required for integration. -

- Note: Integrated TableDemo application is the same - application instance that can be accessed as standalone application, see TableDemo. -
-
Source code: - ToolkitMashup.jsp -
- -
-

Layout demo

-
-

- This example demonstrates layouts for Tookit application. -

-

- Demonstrates how to use - com.itmill.toolkit.ui.OrderedLayout, - com.itmill.toolkit.ui.GridLayout, - com.itmill.toolkit.ui.Panel and - com.itmill.toolkit.ui.TabSheet. -

-
- Source code: - LayoutDemo.java -
- -
-

Custom layout and custom theme demo

-
-

- This example demonstrates how Toolkit interacts with HTML pages - that web designer usually creates. Shows how Toolkit UI components - are placed to HTML pages and how HTML pages are rendered within Toolkit - framework. -

-

- Demonstrates how to create - com.itmill.toolkit.ui.CustomLayout. -

-
- Source code: - CustomLayoutDemo.java -
- -
-

Tree using QueryContainer demo

-
-

- 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. -

-

- Demonstrates how to create com.itmill.toolkit.data.Container and set it as - datasource to UI components com.itmill.toolkit.ui.Component.Tree, how to - receive ExpandEvent and implement com.itmill.toolkit.ui.Tree.ExpandListener, - how to use com.itmill.toolkit.event.Action. -

-
- Source code: - QueryContainerDemo.java -
- -
-

Table demo

-
-

- Similar to Tree using QueryContainer demo but uses different style - for handling events with Table component. -

-

- Demonstrates another possibility how event framework may be used, - in this example specific methods are registered for button click events. -

- Note: This application instance is embedded - to jsp page also, see ToolkitMashup.jsp. -
-
Source code: - TableDemo.java -
- -
-

Tree using FilesystemContainer demo

-
-

- Browsable file explorer using Toolkit Tree component. -

- Demonstrates how to - use com.itmill.toolkit.ui.Component.Tree datasource container, - how to create com.itmill.toolkit.data.util.FilesystemContainer, - how to read com.itmill.toolkit.ui.Component.Event objects, how - to receive and handle any event by implementing - com.itmill.toolkit.ui.Component.Listener. -
-
Source code: - TreeFilesystemContainer.java -
- -
-

Tree item handling demo

-
-

- Browsable file explorer using Toolkit Tree component. -

- Demonstrates: how - to add items hierarchially into - com.itmill.toolkit.ui.Component.Tree, how to receive - ExpandEvent and implement - com.itmill.toolkit.ui.Tree.ExpandListener. -
-
Source code: - TreeFilesystem.java -
- -
-

Select demo

-
-

- 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. -

-
- Source code: - SelectDemo.java -
- -
-

FilterSelect demo

-
-

- 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. -

-
- Source code: - FilterSelect.java -
- -
-

Modal window

-
- Example of how Modal Windows may be created using Window component. -
-
Source code: - ModalWindow.java -
- -
-

Keyboard events demo

-
- Contains few Toolkit UI components that can be interacted by pressing keys in keyboard. -
-
Source code: - KeyboardShortcut.java -
- -
-

URI and Parameter handling demo

-
- This is a demonstration of how URL parameters can be recieved and handled. - Parameters and URL:s can be received trough the windows by registering - URIHandler and ParameterHandler classes window. -
-
Source code: - Parameters.java -
- -
-

Buffered UI components demo

-
- 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. -
-
Source code: - BufferedComponents.java -
- - -
- - - + + + +IT Mill Toolkit Demo + + + +
+ + + +
+ +
+

Feature Browser

+
+ Autodetected mode + Use AJAX if supported by browser, otherwise fallback to HTML mode +
+
+ AJAX mode + Select AJAX-based technology mode +
+
+ HTML mode + Select page based request/response technology mode +
+
Source code: + browse features folder +
+ +
+

Simple application demos

+
+ HelloWorld + Simple Toolkit application. +
+
+ Calc + Simple Toolkit application where events are used. +
+
Source code: + HelloWorld.java and + Calc.java +
+
+ +
+

Long lifecycle of Toolkit applications

+
+

+ Demonstrates sample Millstone 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 Millstone) and is + ready for production use today. +

+ Note: This sample application was created on year 2002. +
+
Source code: + UpgradingSample.java +
+ + +
+

OpenAjax Hub Conformance tests

+
+

+ Performs basic OpenAjax hub conformance tests against IT Mill Toolkit. + Also demonstrates how to integrate Toolkit applications into HTML pages. +

+ Note: Embedded FeatureBrowser application is the same + application instance that can be accessed as standalone application, see FeatureBrowser. +
+
+ +
+

Layout demo

+
+

+ This example demonstrates layouts for Tookit application. +

+

+ Demonstrates how to use + com.itmill.toolkit.ui.OrderedLayout, + com.itmill.toolkit.ui.GridLayout, + com.itmill.toolkit.ui.Panel and + com.itmill.toolkit.ui.TabSheet. +

+
+ Source code: + LayoutDemo.java +
+ +
+

Custom layout and custom theme demo

+
+

+ This example demonstrates how Toolkit interacts with HTML pages + that web designer usually creates. Shows how Toolkit UI components + are placed to HTML pages and how HTML pages are rendered within Toolkit + framework. +

+

+ Demonstrates how to create + com.itmill.toolkit.ui.CustomLayout. +

+
+ Source code: + CustomLayoutDemo.java +
+ +
+

Tree using QueryContainer demo

+
+

+ 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. +

+

+ Demonstrates how to create com.itmill.toolkit.data.Container and set it as + datasource to UI components com.itmill.toolkit.ui.Component.Tree, how to + receive ExpandEvent and implement com.itmill.toolkit.ui.Tree.ExpandListener, + how to use com.itmill.toolkit.event.Action. +

+
+ Source code: + QueryContainerDemo.java +
+ +
+

Table demo

+
+

+ Similar to Tree using QueryContainer demo but uses different style + for handling events with Table component. +

+

+ Demonstrates another possibility how event framework may be used, + in this example specific methods are registered for button click events. +

+ Note: This application instance is embedded + to jsp page also, see ToolkitMashup.jsp. +
+
Source code: + TableDemo.java +
+ +
+

Tree using FilesystemContainer demo

+
+

+ Browsable file explorer using Toolkit Tree component. +

+ Demonstrates how to + use com.itmill.toolkit.ui.Component.Tree datasource container, + how to create com.itmill.toolkit.data.util.FilesystemContainer, + how to read com.itmill.toolkit.ui.Component.Event objects, how + to receive and handle any event by implementing + com.itmill.toolkit.ui.Component.Listener. +
+
Source code: + TreeFilesystemContainer.java +
+ +
+

Tree item handling demo

+
+

+ Browsable file explorer using Toolkit Tree component. +

+ Demonstrates: how + to add items hierarchially into + com.itmill.toolkit.ui.Component.Tree, how to receive + ExpandEvent and implement + com.itmill.toolkit.ui.Tree.ExpandListener. +
+
Source code: + TreeFilesystem.java +
+ +
+

Select demo

+
+

+ 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. +

+
+ Source code: + SelectDemo.java +
+ +
+

FilterSelect demo

+
+

+ 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. +

+
+ Source code: + FilterSelect.java +
+ +
+

Modal window

+
+ Example of how Modal Windows may be created using Window component. +
+
Source code: + ModalWindow.java +
+ +
+

Keyboard events demo

+
+ Contains few Toolkit UI components that can be interacted by pressing keys in keyboard. +
+
Source code: + KeyboardShortcut.java +
+ +
+

URI and Parameter handling demo

+
+ This is a demonstration of how URL parameters can be recieved and handled. + Parameters and URL:s can be received trough the windows by registering + URIHandler and ParameterHandler classes window. +
+
Source code: + Parameters.java +
+ +
+

Buffered UI components demo

+
+ 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. +
+
Source code: + BufferedComponents.java +
+ + +
+ + \ No newline at end of file diff --git a/WebContent/styles/demos.css b/WebContent/styles/demos.css index c0501a5aec..ad029a1cd4 100644 --- a/WebContent/styles/demos.css +++ b/WebContent/styles/demos.css @@ -112,8 +112,8 @@ hr { border: none; } -#feature-browser, -#sample-code { +.feature-browser, +.sample-code { clear: both; padding: 10px 10px 20px 50px; background-color: #f7f7f7; @@ -123,11 +123,11 @@ hr { margin: 30px 0; } -#feature-browser { +.feature-browser { background: #f7f7f7 url(feature_browser_bg.gif) no-repeat top right; } -#sample-code { +.sample-code { background: #f7f7f7 url(sample_code_bg.gif) no-repeat top right; } @@ -140,5 +140,4 @@ hr { width: 15em; } .option .desc { - float: left; } \ No newline at end of file -- 2.39.5