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 ++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 demos/quickstart/protected/pages/Controls/Keyboard.page

(limited to 'demos/quickstart/protected/pages/Controls/Keyboard.page')

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