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

Added new docs to the quickstart.pdf
misc doc fixes

17 files changed, 44 insertions, 45 deletions

diff --git a/demos/quickstart/protected/pages/ActiveControls/ActiveHyperLink.page b/demos/quickstart/protected/pages/ActiveControls/ActiveHyperLink.page
index a67462cf..3e691de1 100644
--- a/demos/quickstart/protected/pages/ActiveControls/ActiveHyperLink.page
+++ b/demos/quickstart/protected/pages/ActiveControls/ActiveHyperLink.page
@@ -3,7 +3,7 @@
 <h1 id="ActiveHyperLink">TActiveHyperLink</h1>

 <com:DocLink ClassPath="System.Web.UI.ActiveControls.TActiveHyperLink" />

 

-<p>

+<p id="740020" class="block-content">

 The active control counterpart of <a href=?page=Controls.HyperLink">THyperLink</a>

 component. During a callback request, changes to the <tt>Text</tt>, <tt>ImageUrl</tt>,

 <tt>NavigateUrl</tt> and <tt>Target</tt> properties on the server side will also

diff --git a/demos/quickstart/protected/pages/ActiveControls/ActiveImage.page b/demos/quickstart/protected/pages/ActiveControls/ActiveImage.page
index 8cce8c9e..b5df187e 100644
--- a/demos/quickstart/protected/pages/ActiveControls/ActiveImage.page
+++ b/demos/quickstart/protected/pages/ActiveControls/ActiveImage.page
@@ -1,6 +1,6 @@
 <com:TContent ID="body" >

 

-<h1>TActiveImage</h1>

+<h1 id="150010">TActiveImage</h1>

 <com:DocLink ClassPath="System.Web.UI.ActiveControls.TActiveImage" />

 

 <p class="block-content">

diff --git a/demos/quickstart/protected/pages/ActiveControls/ActiveImageButton.page b/demos/quickstart/protected/pages/ActiveControls/ActiveImageButton.page
index 44b988dd..193876a3 100644
--- a/demos/quickstart/protected/pages/ActiveControls/ActiveImageButton.page
+++ b/demos/quickstart/protected/pages/ActiveControls/ActiveImageButton.page
@@ -1,6 +1,6 @@
 <com:TContent ID="body" >

 

-<h1>TActiveImageButton</h1>

+<h1 id="152011">TActiveImageButton</h1>

 <com:DocLink ClassPath="System.Web.UI.ActiveControls.TActiveImageButton" />

 

 <p class="block-content">

diff --git a/demos/quickstart/protected/pages/ActiveControls/ActiveLabel.page b/demos/quickstart/protected/pages/ActiveControls/ActiveLabel.page
index 8db4cf34..640d5b50 100644
--- a/demos/quickstart/protected/pages/ActiveControls/ActiveLabel.page
+++ b/demos/quickstart/protected/pages/ActiveControls/ActiveLabel.page
@@ -1,6 +1,6 @@
 <com:TContent ID="body" >

 

-<h1>TActiveLabel</h1>

+<h1 id="154012">TActiveLabel</h1>

 <com:DocLink ClassPath="System.Web.UI.ActiveControls.TActiveLabel" />

 

 <p class="block-content">

diff --git a/demos/quickstart/protected/pages/ActiveControls/ActiveLinkButton.page b/demos/quickstart/protected/pages/ActiveControls/ActiveLinkButton.page
index 387b40af..d692dddd 100644
--- a/demos/quickstart/protected/pages/ActiveControls/ActiveLinkButton.page
+++ b/demos/quickstart/protected/pages/ActiveControls/ActiveLinkButton.page
@@ -1,6 +1,6 @@
 <com:TContent ID="body" >

 

-<h1>TActiveLinkButton</h1>

+<h1 id="156013">TActiveLinkButton</h1>

 <com:DocLink ClassPath="System.Web.UI.ActiveControls.TActiveLinkButton" />

 

 <p class="block-content">

diff --git a/demos/quickstart/protected/pages/ActiveControls/ActiveMultiView.page b/demos/quickstart/protected/pages/ActiveControls/ActiveMultiView.page
index a9553646..2c788b2f 100644
--- a/demos/quickstart/protected/pages/ActiveControls/ActiveMultiView.page
+++ b/demos/quickstart/protected/pages/ActiveControls/ActiveMultiView.page
@@ -1,6 +1,6 @@
 <com:TContent ID="body" >

 

-<h1>TActiveMultiView</h1>

+<h1 id="158014">TActiveMultiView</h1>

 <com:DocLink ClassPath="System.Web.UI.ActiveControls.TActiveMultiView" />

 

 <p class="block-content">

diff --git a/demos/quickstart/protected/pages/ActiveControls/ActivePanel.page b/demos/quickstart/protected/pages/ActiveControls/ActivePanel.page
index dcfbc312..0cc33545 100644
--- a/demos/quickstart/protected/pages/ActiveControls/ActivePanel.page
+++ b/demos/quickstart/protected/pages/ActiveControls/ActivePanel.page
@@ -1,6 +1,6 @@
 <com:TContent ID="body" >

 

-<h1>TActivePanel</h1>

+<h1 id="162015">TActivePanel</h1>

 <com:DocLink ClassPath="System.Web.UI.ActiveControls.TActivePanel" />

 

 <p class="block-content">

diff --git a/demos/quickstart/protected/pages/ActiveControls/ActiveRadioButton.page b/demos/quickstart/protected/pages/ActiveControls/ActiveRadioButton.page
index ac6cf5ae..b059397f 100644
--- a/demos/quickstart/protected/pages/ActiveControls/ActiveRadioButton.page
+++ b/demos/quickstart/protected/pages/ActiveControls/ActiveRadioButton.page
@@ -1,6 +1,6 @@
 <com:TContent ID="body" >

 

-<h1>TRadioButton</h1>

+<h1 id="164016">TRadioButton</h1>

 <com:DocLink ClassPath="System.Web.UI.ActiveControls.TActiveRadioButton" />

 

 <p class="block-content">

diff --git a/demos/quickstart/protected/pages/ActiveControls/ActiveTextBox.page b/demos/quickstart/protected/pages/ActiveControls/ActiveTextBox.page
index 9a508e32..2181c28c 100644
--- a/demos/quickstart/protected/pages/ActiveControls/ActiveTextBox.page
+++ b/demos/quickstart/protected/pages/ActiveControls/ActiveTextBox.page
@@ -1,6 +1,6 @@
 <com:TContent ID="body" >

 

-<h1>TActiveTextBox</h1>

+<h1 id="166017">TActiveTextBox</h1>

 <com:DocLink ClassPath="System.Web.UI.ActiveControls.TActiveTextBox" />

 

 <p class="block-content">

diff --git a/demos/quickstart/protected/pages/ActiveControls/AutoComplete.page b/demos/quickstart/protected/pages/ActiveControls/AutoComplete.page
index 14af4af7..8b73a0d9 100644
--- a/demos/quickstart/protected/pages/ActiveControls/AutoComplete.page
+++ b/demos/quickstart/protected/pages/ActiveControls/AutoComplete.page
@@ -1,10 +1,10 @@
 <com:TContent ID="body">

 <!-- $Id$ -->

-<h1>TAutoComplete</h1>

+<h1 id="168018">TAutoComplete</h1>

 <com:DocLink ClassPath="System.Web.UI.ActiveControls.TAutoComplete" />

 

 <p class="block-content">

-<tt>TAutoComplete</tt> is an extended <tt>ActiveTextBox</tt> that provides a list of suggestions on the current partial word typed in the textbox. The suggestions are requested using callbacks. The <tt>Frequency</tt> and <tt>MinChars</tt> properties sets the delay and minimum number of characters typed, respectively, before requesting for sugggestions. An embedded <tt>TRepeater</tt> is used to Display the list of suggestions. It can be accessed and styled through the <tt>Suggestions</tt> property and its sub-properties.<p>

+<tt>TAutoComplete</tt> is an extended <tt>ActiveTextBox</tt> that provides a list of suggestions on the current partial word typed in the textbox. The suggestions are requested using callbacks. The <tt>Frequency</tt> and <tt>MinChars</tt> properties sets the delay and minimum number of characters typed, respectively, before requesting for sugggestions. An embedded <tt>TRepeater</tt> is used to Display the list of suggestions. It can be accessed and styled through the <tt>Suggestions</tt> property and its sub-properties.<p id="840021" class="block-content">

 

 <p class="block-content">

 On each request for suggestions, the <tt>OnSuggestion</tt> event will be raised. The event handler receives the entered token that can be used to build the list of suggestions and to dataBind() it to the <tt>Suggestions</tt> repeater.</p>

diff --git a/demos/quickstart/protected/pages/ActiveControls/DragDrop.page b/demos/quickstart/protected/pages/ActiveControls/DragDrop.page
index 0969ddd0..139f80b4 100755
--- a/demos/quickstart/protected/pages/ActiveControls/DragDrop.page
+++ b/demos/quickstart/protected/pages/ActiveControls/DragDrop.page
@@ -1,6 +1,6 @@
 <com:TContent ID="body">

 <!-- $Id$ -->

-<h1>TDropContainer</h1>

+<h1 id="170019">TDropContainer</h1>

 <com:DocLink ClassPath="System.Web.UI.ActiveControls.TDropContainer" />

 

 <p class="block-content"><tt>TDropContainer</tt> represent an area where 
@@ -12,7 +12,7 @@ the <tt>OnDropk</tt> event.
 </p>
 
 

-<h1>TDraggable</h1>
+<h1 id="170020">TDraggable</h1>
 <com:DocLink ClassPath="System.Web.UI.ActiveControls.TDraggable" />
 
 <p class="block-content"><tt>TDraggable</tt> will make its child controls 'draggable'.
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.