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 +++++++
 3 files changed, 60 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/protected/pages/Controls')

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
-- 
cgit v1.2.3