diff options
Diffstat (limited to 'demos/quickstart/protected/pages/Controls')
6 files changed, 31 insertions, 32 deletions
diff --git a/demos/quickstart/protected/pages/Controls/Captcha.page b/demos/quickstart/protected/pages/Controls/Captcha.page index 8a6e8a81..6810d2a2 100644 --- a/demos/quickstart/protected/pages/Controls/Captcha.page +++ b/demos/quickstart/protected/pages/Controls/Captcha.page @@ -1,36 +1,36 @@ <com:TContent ID="body" >
-<h1>TCaptcha</h1>
+<h1 id="56002">TCaptcha</h1>
<com:DocLink ClassPath="System.Web.UI.WebControls.TCaptcha" />
-<p>
+<p id="280001" class="block-content">
<tt>TCaptcha</tt> displays a <a href="http://en.wikipedia.org/wiki/Captcha">CAPTCHA</a> that can be used to determine if the input is entered by a real user instead of some program. <tt>TCaptcha</tt> displays a token (a string consisting of alphanumeric characters) as an image and the user is expected to repeat the token in a text box. The token image is generated in a way such that it can be recognized by a human being, but not a program.
</p>
-<p>
+<p id="280002" class="block-content">
To use <tt>TCaptcha</tt>, you must enable the PHP GD2 extension with TrueType font support. Unlike other CAPTCHA scripts, <tt>TCaptcha</tt> does not need session or cookie.
</p>
-<p>
+<p id="280003" class="block-content">
The token generated by <tt>TCaptcha</tt> can be configured in several ways. To specify the length of characters in the token, set <tt>MinTokenLength</tt> and <tt>MaxTokenLength</tt>. To use case-insensitive token comparison and generate upper-case-only token, set <tt>CaseSensitive</tt> to false. More advanced users can try to set <tt>TokenAlphabet</tt> to specify which characters may appear in the generated tokens.
</p>
-<p>
+<p id="280004" class="block-content">
The validation of the token is related with two properties: <tt>TestLimit</tt> (defaults to 5 times) and <tt>TokenExpiry</tt> (defaults to 600 seconds). The former specifies how many times a token can be tested with on the server side, and the latter says when a generated token will expire. If the validation fails in any of the two scenarios, a new token will be automatically generated.
</p>
-<p>
+<p id="280005" class="block-content">
To specify the appearance of the generated token image, set <tt>TokenImageTheme</tt> to be an integer between 0 and 63. You may try the following example to see how this value affects the generated token image. The size of the generated token image is determined by <tt>TokenFontSize</tt>. In particular, the image width is proportional to the font size. You may also set <tt>Width</tt> to scale the generated image to your desired size, but the scaled image may not look good. By setting <tt>ChangingTokenBackground</tt> to true, the image background of the token will be variating even though the token is the same during postbacks.
</p>
-<p>
+<p id="280006" class="block-content">
Upon postback, user input can be validated by calling the method <tt>TCaptcha.validate()</tt>. More easily, you can use a <tt>TCaptchaValidator</tt> to automate the validation work for you. The <tt>TCaptchaValidator</tt> has the additional benefit of being able to validate the user input on the client-side. By default, a generated token will remain unchanged during postbacks. A new token can be generated by calling <tt>TCaptcha.regenerateToken()</tt> manually.
</p>
-<p>
+<p id="280007" class="block-content">
The following template shows a typical use of the <tt>TCaptcha</tt> control:
</p>
-<com:TTextHighlighter Language="prado" CssClass="source">
+<com:TTextHighlighter Language="prado" CssClass="source block-content" id="code-280105">
<com:TCaptcha ID="Captcha" />
<com:TTextBox ID="Input" />
<com:TCaptchaValidator CaptchaControl="Captcha"
diff --git a/demos/quickstart/protected/pages/Controls/ClientScriptLoader.page b/demos/quickstart/protected/pages/Controls/ClientScriptLoader.page index 590aa2d8..f81deb0b 100644 --- a/demos/quickstart/protected/pages/Controls/ClientScriptLoader.page +++ b/demos/quickstart/protected/pages/Controls/ClientScriptLoader.page @@ -1,6 +1,6 @@ <com:TContent ID="body" > -<h1>TClientScriptLoader</h1> +<h1 id="62003">TClientScriptLoader</h1> <com:DocLink ClassPath="System.Web.UI.WebControls.TClientScriptLoader" /> @@ -44,7 +44,7 @@ When the files in the <tt>PackagePath</tt> are published as assets, a script loa to that asset directory. The script loader, combines multiple javascript files and serve up as gzip if possible. </p> -<h2>Grouping Javascript Files</h2> +<h2 id="62004">Grouping Javascript Files</h2> <p class="block-content"> Allowable scripts and script dependencies can be grouped by using a "<tt>packages.php</tt>" file with the following format. This "<tt>packages.php</tt>" is optional, if absent the file names @@ -81,7 +81,7 @@ on both '<tt>package1</tt>' and '<tt>package2</tt>' groupings. That is, '<tt>pac will combine, in order, '<tt>file1.js</tt>', '<tt>file2.js</tt>', '<tt>file3.js</tt>', and '<tt>file4.js</tt>'. </p> -<h2>Loading Javascript Packages</h2> +<h2 id="62005">Loading Javascript Packages</h2> <p class="block-content">To load a particular javascript file or package, set the <tt>PackageScripts</tt> property with value '<tt>package1</tt>' to load the '<tt>package1</tt>' scripts. @@ -96,10 +96,10 @@ Dependencies of the packages are automatically resolved by the script loader php </script> </com:TTextHighlighter> -<p>Each <tt><com:TClientScriptLoader></tt> generates an HTML <tt><script></tt> +<p id="310008" class="block-content">Each <tt><com:TClientScriptLoader></tt> generates an HTML <tt><script></tt> element to load the required javascript files.</p> -<h2>Removing Javascript Comments</h2> +<h2 id="62006">Removing Javascript Comments</h2> <p class="block-content">The <tt>DebugMode</tt> property when false removes comments and white spaces from the published javascript files. If the <tt>DebugMode</tt> property is not set, the debug mode is determined from the @@ -113,7 +113,7 @@ directory for the next requests. That is, in non-debug mode the scripts are cach in the assets directory until they are deleted. </div> -<h2>Compressing Javascript with GZip</h2> +<h2 id="62007">Compressing Javascript with GZip</h2> <p class="block-content"> The <tt>EnableGzip</tt> property (default is true) enables the published javascripts to be served as zipped if the browser and php server allows it. diff --git a/demos/quickstart/protected/pages/Controls/Conditional.page b/demos/quickstart/protected/pages/Controls/Conditional.page index e8ea4a65..a2662e86 100644 --- a/demos/quickstart/protected/pages/Controls/Conditional.page +++ b/demos/quickstart/protected/pages/Controls/Conditional.page @@ -1,6 +1,6 @@ <com:TContent ID="body" >
-<h1>TConditional</h1>
+<h1 id="64008">TConditional</h1>
<com:DocLink ClassPath="System.Web.UI.WebControls.TConditional" />
<p class="block-content">
@@ -17,13 +17,13 @@ you set <tt>Condition</tt> in template only and the expression should not refer objects that are available on or after the <tt>onInit</tt> lifecycle.
</p>
-<p>
+<p id="320009" class="block-content">
<tt>TConditional</tt> is very light. It instantiates either <tt>TrueTemplate</tt>
<tt>FalseTemplate</tt>, but never both. And the condition is evaluated only once.
A typical usage of TConditional is shown as following:
</p>
-<com:TTextHighlighter Language="prado" CssClass="source">
+<com:TTextHighlighter Language="prado" CssClass="source block-content" id="code-320112">
<com:TConditional Condition="$this->User->IsGuest">
<prop:TrueTemplate>
<a href="path/to/login">Login</a>
diff --git a/demos/quickstart/protected/pages/Controls/Keyboard.page b/demos/quickstart/protected/pages/Controls/Keyboard.page index 06c91049..47e15e78 100644 --- a/demos/quickstart/protected/pages/Controls/Keyboard.page +++ b/demos/quickstart/protected/pages/Controls/Keyboard.page @@ -1,29 +1,29 @@ <com:TContent ID="body" >
-<h1>TKeyboard</h1>
+<h1 id="92009">TKeyboard</h1>
<com:DocLink ClassPath="System.Web.UI.WebControls.TKeyboard" />
-<p>
+<p id="460010" class="block-content">
<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>
+<p id="460011" class="block-content">
To use TKeyboard, write a template like following:
</p>
-<com:TTextHighlighter Language="prado" CssClass="source">
+<com:TTextHighlighter Language="prado" CssClass="source block-content" id="code-460120">
<com:TTextBox ID="PasswordInput" />
<com:TKeyboard ForControl="PasswordInput" />
</com:TTextHighlighter>
-<p>
+<p id="460012" class="block-content">
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>
+<p id="460013" class="block-content">
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>
diff --git a/demos/quickstart/protected/pages/Controls/Slider.page b/demos/quickstart/protected/pages/Controls/Slider.page index d71c28a0..324f12ad 100644 --- a/demos/quickstart/protected/pages/Controls/Slider.page +++ b/demos/quickstart/protected/pages/Controls/Slider.page @@ -9,7 +9,7 @@ which define the range of possible value, and a <em>handle</em> which can slide a value in the range. The track can be either Horizontal or Vertical, depending of the <tt>Direction</tt> property. By default, it's horizontal. </p> -<p> +<p id="570014" class="block-content"> The range boundaries are defined by <tt> MinValue</tt> and <tt>MaxValue</tt> properties. The default range is from 0 to 100. The <tt>StepSize</tt> property can be used to define the <em>step</em> between 2 values inside the range. @@ -17,13 +17,13 @@ Notice that this step will be recomputed if there is more than 200 values betwee You can also provide the allowed values by setting the <tt>Values</tt> array. </p> -<p> +<p id="570015" class="block-content"> The handle sub-properties can be accessed by <tt>Handle</tt> property. You can also provide your own control for the handle, using <tt>HandleClass</tt> property. Note that this class must be a subclass of <tt>TSliderHandle</tt> </p> -<p> +<p id="570016" class="block-content"> The TSlider control can be easily customized using CssClasses. You can provide your own css file, using the <tt>CssUrl</tt> property. The css class for TSlider can be set by the <tt>CssClass</tt> property. Defaults values are <b>'hslider'</b> for @@ -33,15 +33,15 @@ draw a red block as a cursor. <b>'handle-image'</b> css class is also provided f as the handle. </p> -<p> +<p id="570017" class="block-content"> If <tt>AutoPostBack</tt> property is true, postback is performed as soon as the value changed. </p> -<p> +<p id="570018" class="block-content"> TSlider raises the <tt>onValueChanged</tt> event when the value of the slider has changed during postback. </p> -<p> +<p id="570019" class="block-content"> You can also attach ClientSide javascript events handler to the slider : <ul> <li><tt>ClientSide.onSlide</tt> is called when the handle is slided on the track. You can get the current value in the <b>value</b> diff --git a/demos/quickstart/protected/pages/Controls/Standard.page b/demos/quickstart/protected/pages/Controls/Standard.page index 9fde5a29..76223302 100644 --- a/demos/quickstart/protected/pages/Controls/Standard.page +++ b/demos/quickstart/protected/pages/Controls/Standard.page @@ -1,7 +1,6 @@ <com:TContent ID="body" >
-<h1>Standard Controls</h1>
-<p>* the tutorial for this control is not completed yet.</p>
+<h1 id="52001">Standard Controls</h1>
<ul id="u1" class="block-content">
<li>
<a href="?page=Controls.Button">TButton</a> represents a click button on a Web page. It is mainly used to trigger page postback.
|