Added tutorial for TKeyboard.

1 files changed, 34 insertions, 0 deletions

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