From 5e3caed030722be404c1b56f2af1e149799b5eda Mon Sep 17 00:00:00 2001
From: xue <>
Date: Mon, 27 Aug 2007 21:23:33 +0000
Subject: Added tutorial for TKeyboard.

---
 .../protected/pages/Controls/Keyboard.page         | 34 ++++++++++++++++++++++
 .../pages/Controls/Samples/TKeyboard/Home.page     | 15 ++++++++++
 .../pages/Controls/Samples/TKeyboard/Home.php      | 11 +++++++
 .../pages/GettingStarted/NewFeatures.page          |  1 +
 4 files changed, 61 insertions(+)
 create mode 100644 demos/quickstart/protected/pages/Controls/Keyboard.page
 create mode 100644 demos/quickstart/protected/pages/Controls/Samples/TKeyboard/Home.page
 create mode 100644 demos/quickstart/protected/pages/Controls/Samples/TKeyboard/Home.php

(limited to 'demos/quickstart')

diff --git a/demos/quickstart/protected/pages/Controls/Keyboard.page b/demos/quickstart/protected/pages/Controls/Keyboard.page
new file mode 100644
index 00000000..06c91049
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Keyboard.page
@@ -0,0 +1,34 @@
+<com:TContent ID="body" >
+
+<h1>TKeyboard</h1>
+<com:DocLink ClassPath="System.Web.UI.WebControls.TKeyboard" />
+
+<p>
+<tt>TKeyboard</tt> displays a virtual keyboard that users can click on to enter input in
+an associated text box. It helps to reduce the keyboard recording hacking.
+</p>
+
+<p>
+To use TKeyboard, write a template like following:
+</p>
+<com:TTextHighlighter Language="prado" CssClass="source">
+&lt;com:TTextBox ID="PasswordInput" />
+&lt;com:TKeyboard ForControl="PasswordInput" />
+</com:TTextHighlighter>
+
+<p>
+A TKeyboard control is associated with a <tt>TTextBox</tt> control by specifying
+<tt>ForControl</tt> to be the ID of that control. When the textbox is in focus,
+a virtual keyboard will pop up; and when the text box is losing focus, the keyboard
+will hide automatically. Set <tt>AutoHide</tt> to false to keep the keyboard showing all the time.
+</p>
+
+<p>
+The appearance of the keyboard can also be changed by specifying a customized CSS file via
+<tt>CssUrl</tt>. By default, the CSS class name for the keyboard is 'Keyboard'. This may
+also be changed by specifying <tt>KeyboardCssClass</tt>
+</p>
+
+<com:RunBar PagePath="Controls.Samples.TKeyboard.Home" />
+
+<div class="last-modified">$Id$</div></com:TContent>
\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TKeyboard/Home.page b/demos/quickstart/protected/pages/Controls/Samples/TKeyboard/Home.page
new file mode 100644
index 00000000..95340e1d
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TKeyboard/Home.page
@@ -0,0 +1,15 @@
+<com:TContent ID="body">
+<h1>TKeyboard Samples</h1>
+
+<div>
+<com:TTextBox ID="PasswordInput" />
+<com:TButton Text="Submit" OnClick="buttonClicked" />
+<com:TLiteral ID="Result" />
+</div>
+<div>
+<com:TKeyboard ForControl="PasswordInput" AutoHide="true" />
+</div>
+
+
+<div class="last-modified">$Id$</div>
+</com:TContent>
\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TKeyboard/Home.php b/demos/quickstart/protected/pages/Controls/Samples/TKeyboard/Home.php
new file mode 100644
index 00000000..689f45c8
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TKeyboard/Home.php
@@ -0,0 +1,11 @@
+<?php
+
+class Home extends TPage
+{
+	public function buttonClicked($sender,$param)
+	{
+		$this->Result->Text='You have entered "'.$this->PasswordInput->Text.'".';
+	}
+}
+
+?>
\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/GettingStarted/NewFeatures.page b/demos/quickstart/protected/pages/GettingStarted/NewFeatures.page
index 560bbfd9..a5136d72 100644
--- a/demos/quickstart/protected/pages/GettingStarted/NewFeatures.page
+++ b/demos/quickstart/protected/pages/GettingStarted/NewFeatures.page
@@ -9,6 +9,7 @@ This page summarizes the main new features that are introduced in each PRADO rel
 <h2>Version 3.1.1</h2>
 <ul>
 <li>Added a new control <a href="?page=Controls.TabPanel">TTabPanel</a> that displays tabbed views.</li>
+<li>Added a new control <a href="?page=Controls.Keyboard">TKeyboard</a> that displays a virtual keyboard for text input.</li>
 <li>Added a new module TCacheHttpSession that stores session data using a cache module to improve the session performance.</li>
 <li>Added Oracle DB support to Active Record</li>
 </ul>
-- 
cgit v1.2.3