gave the build scripts a run so that new ids can be generated.

Added new docs to the quickstart.pdf
misc doc fixes

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">

 &lt;com:TCaptcha ID="Captcha" />

 &lt;com:TTextBox ID="Input" />

 &lt;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
 &lt;/script&gt;
 </com:TTextHighlighter>
 
-<p>Each <tt>&lt;com:TClientScriptLoader&gt;</tt> generates an HTML <tt>&lt;script&gt;</tt>
+<p id="310008" class="block-content">Each <tt>&lt;com:TClientScriptLoader&gt;</tt> generates an HTML <tt>&lt;script&gt;</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">

 &lt;com:TConditional Condition="$this->User->IsGuest">

 	&lt;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">

 &lt;com:TTextBox ID="PasswordInput" />

 &lt;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.