Added TTable sample.

3 files changed, 50 insertions, 0 deletions

diff --git a/demos/quickstart/protected/pages/Controls/Samples/TTable/Home.page b/demos/quickstart/protected/pages/Controls/Samples/TTable/Home.page
new file mode 100644
index 00000000..cec92f67
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TTable/Home.page
@@ -0,0 +1,44 @@
+<com:TContent ID="body">

+

+<h1>TTable Samples</h1>

+

+<table class="sampletable">

+

+<tr><td class="samplenote">

+Table with default settings (looks empty):

+</td><td class="sampleaction">

+<com:TTable />

+</td></tr>

+

+<tr><td class="samplenote">

+Table with rows and customized font, background image, etc.:

+</td><td class="sampleaction">

+<com:TTable

+	GridLines="Both"

+	CellSpacing="0"

+	CellPadding="2"

+	BackImageUrl=<%~backimage.gif%>

+	Caption="This is table caption"

+	CaptionAlign="Bottom">

+  <com:TTableRow BackColor="gray" ForeColor="white">

+    <com:TTableHeaderCell>header cell 1</com:TTableHeaderCell>

+    <com:TTableHeaderCell>header cell 2</com:TTableHeaderCell>

+    <com:TTableHeaderCell>header cell 3</com:TTableHeaderCell>

+  </com:TTableRow>

+  <com:TTableRow HorizontalAlign="Right">

+    <com:TTableCell Text="text">cell 1</com:TTableCell>

+    <com:TTableCell>cell 2</com:TTableCell>

+    <com:TTableCell BackColor="red">cell 3</com:TTableCell>

+  </com:TTableRow>

+  <com:TTableRow>

+    <com:TTableCell ForeColor="red">cell 4</com:TTableCell>

+    <com:TTableCell ColumnSpan="2" HorizontalAlign="Center">

+    cell 5

+    </com:TTableCell>

+  </com:TTableRow>

+</com:TTable>

+</td></tr>

+

+</table>

+

+</com:TContent>
\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TTable/backimage.gif b/demos/quickstart/protected/pages/Controls/Samples/TTable/backimage.gif
new file mode 100644
index 00000000..8a4b3b71
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TTable/backimage.gif
diff --git a/demos/quickstart/protected/pages/Controls/Simple.page b/demos/quickstart/protected/pages/Controls/Simple.page
index 7ee79ac0..86b819f4 100644
--- a/demos/quickstart/protected/pages/Controls/Simple.page
+++ b/demos/quickstart/protected/pages/Controls/Simple.page
@@ -18,6 +18,12 @@
 </p>

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

 

+<h2>TTable</h2>

+<p>

+<tt>TTable</tt> displays an HTML table on a page. It is used together with <tt>TTableRow</tt> and <tt>TTableCell</tt> to allow programmatically manipulating HTML tables. The rows of the table is stored in <tt>Rows</tt> property. You may set the table cellspacing and cellpadding via the <tt>CellSpacing</tt> and <tt>CellPadding</tt> properties, respectively. The table caption can be specified via <tt>Caption</tt> whose alignment is specified by <tt>CaptionAlign</tt>. The <tt>GridLines</tt> property indicates how the table should display its borders, and the <tt>BackImageUrl</tt> allows the table to have a background image.

+</p>

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

+

 <h2>TTextBox</h2>

 <p>

 <tt>TTextBox</tt> displays a text box on a Web page. The content in the text box is determined by the <tt>Text</tt> property. You can create a <tt>SingleLine</tt>, a <tt>MultiLine</tt>, or a <tt>Password</tt> text box by setting the <tt>TextMode</tt> property. The <tt>Rows</tt> and <tt>Columns</tt> properties specify their dimensions. If <tt>AutoPostBack</tt> is true, changing the content in the text box and then moving the focus out of it will cause postback action.