added documentation for TColorPicker class

4 files changed, 66 insertions, 4 deletions

diff --git a/demos/quickstart/protected/pages/ActiveControls/Home.page b/demos/quickstart/protected/pages/ActiveControls/Home.page
index a42bd111..62d79cb8 100644
--- a/demos/quickstart/protected/pages/ActiveControls/Home.page
+++ b/demos/quickstart/protected/pages/ActiveControls/Home.page
@@ -133,7 +133,7 @@ TActiveButton</a> control. See also the later part of the <a href="?page=Tutoria
   </li>

 </ul>

 

-<h2>Active Data Controls</h2>

+<h2 id="134001">Active Data Controls</h2>

 <ul id="u2" class="block-content">

   <li>

   * <a href="?page=ActiveControls.ActiveDataList">TActiveDataList</a>

diff --git a/demos/quickstart/protected/pages/Controls/ColorPicker.page b/demos/quickstart/protected/pages/Controls/ColorPicker.page
index cc931840..57c39857 100644
--- a/demos/quickstart/protected/pages/Controls/ColorPicker.page
+++ b/demos/quickstart/protected/pages/Controls/ColorPicker.page
@@ -3,8 +3,33 @@
 <h1 id="2201">TColorPicker</h1>

 <com:DocLink ClassPath="System.Web.UI.WebControls.TColorPicker" />

 

-<p id="270244" class="block-content">

-TBD

+<p class="block-content">

+<tt>TColorPicker</tt> displays a text box for color input purpose.

+Next to the textbox there's a button filled with the current chosen color.

+Users can write a color name directly in the text box as an hex triplet (also known as HTML notation, eg: #FF00FF).

+<br/>Alternatively, if the <tt>ShowColorPicker</tt> property is enabled (it is by default), users can click the button

+to have a color picker UI appear. A color chan be chosen directly by clicking on the color picker.

 </p>

 

+<p class="block-content">

+TColorPicker has three different color picker UI <tt>Mode</tt>s:</p>

+ <ul id="u1" class="block-content">

+ 	<li><tt>Simple</tt> - Grid with 12 simple colors.</li>

+	<li><tt>Basic</tt> - Grid with the most common 70 colors. This is the default mode.</li>

+	<li><tt>Full</tt> - Full-featured color picker.</li>

+ </ul>

+

+<p class="block-content">The <tt>CssClass</tt> property can be used to override the CSS class name

+for the color picker panel. The <tt>ColorStyle</tt> property changes the overall color picker style.

+The following <tt>ColorStyle</tt> values are available:</p>

+	<ul id="u2" class="block-content">

+		<li><tt>default</tt> - The default color picker style.</li>

+	</ul>

+

+<p class="block-content">If the <tt>Mode</tt> property is set to <tt>Full</tt>, the color picker panel will

+display an "Ok" and "Cancel" buttons. You can customize the button labels setting the <tt>OKButtonText</tt>

+and <tt>CancelButtonText</tt> properties.</p>

+

+<com:RunBar PagePath="Controls.Samples.TColorPicker.Home" />

+

 <div class="last-modified">$Id$</div></com:TContent>
\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TColorPicker/Home.page b/demos/quickstart/protected/pages/Controls/Samples/TColorPicker/Home.page
new file mode 100644
index 00000000..0a1f3705
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TColorPicker/Home.page
@@ -0,0 +1,37 @@
+<com:TContent ID="body">

+

+<h1>TColorPicker Samples</h1>

+

+<table class="sampletable">

+

+<tr>

+	<td class="samplenote">Default TColorPicker, Mode="Basic"</td>

+	<td class="sampleaction">

+		<com:TColorPicker />

+	</td>

+</tr>

+

+<tr>

+	<td class="samplenote">Mode="Simple"<br />pre-selected red color</td>

+	<td class="sampleaction">

+		<com:TColorPicker Mode="Simple" Text="#FF0000"/>

+	</td>

+</tr>

+

+<tr>

+	<td class="samplenote">Mode="Full"</td>

+	<td class="sampleaction">

+		<com:TColorPicker Mode="Full"/>

+	</td>

+</tr>

+

+<tr>

+	<td class="samplenote">Disabled color picker panel: ShowColorPicker="false"</td>

+	<td class="sampleaction">

+		<com:TColorPicker ShowColorPicker="false"/>

+	</td>

+</tr>

+

+</table>

+

+<div class="last-modified">$Id: Home.page 1650 2007-01-24 06:55:32Z wei $</div></com:TContent>
\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Standard.page b/demos/quickstart/protected/pages/Controls/Standard.page
index 3b6079d6..38a541ca 100644
--- a/demos/quickstart/protected/pages/Controls/Standard.page
+++ b/demos/quickstart/protected/pages/Controls/Standard.page
@@ -23,7 +23,7 @@
   <a href="?page=Controls.ClientScriptLoader">TClientScriptLoader</a> loads custom javascript libraries.

   </li>

 

-  <li>*

+  <li>

   <a href="?page=Controls.ColorPicker">TColorPicker</a> represents an input field taking color values via a color dialog.

   </li>