From 950eddf70e6ba062bf8c26c0dbc3913757935373 Mon Sep 17 00:00:00 2001
From: xue <>
Date: Sat, 4 Feb 2006 01:50:00 +0000
Subject: A few style changes.

---
 .../protected/pages/Controls/DataGrid1.page        |  2 +-
 .../protected/pages/Controls/DataGrid2.page        | 24 ++++++++++++++--------
 .../protected/pages/Controls/DataList.page         |  8 +++++++-
 .../pages/Controls/Samples/TDataGrid/Sample1.page  |  8 +++++---
 .../pages/Controls/Samples/TDataGrid/Sample2.page  |  2 ++
 .../pages/Controls/Samples/TDataList/Sample1.page  | 11 +++++-----
 .../pages/Controls/Samples/TDataList/Sample2.page  | 11 ++++------
 .../pages/Controls/Samples/TRepeater/Sample1.page  |  4 ++--
 8 files changed, 42 insertions(+), 28 deletions(-)

(limited to 'demos/quickstart/protected/pages/Controls')

diff --git a/demos/quickstart/protected/pages/Controls/DataGrid1.page b/demos/quickstart/protected/pages/Controls/DataGrid1.page
index b7d6fe8f..be44d1e1 100644
--- a/demos/quickstart/protected/pages/Controls/DataGrid1.page
+++ b/demos/quickstart/protected/pages/Controls/DataGrid1.page
@@ -99,7 +99,7 @@ Note, if <tt>AutoGenerateColumns</tt> is true and there are manually specified c
 The following example uses manually specified columns to show a list of book information,
 </p>
 <ul>
-  <li>Book title - displayed a hyperlink pointing to the corresponding amazon.com book page. <tt>THyperLinkColumn</tt> is used.</li>
+  <li>Book title - displayed as a hyperlink pointing to the corresponding amazon.com book page. <tt>THyperLinkColumn</tt> is used.</li>
   <li>Publisher - displayed as a piece of text using <tt>TBoundColumn</tt>.</li>
   <li>Price - displayed as a piece of text using <tt>TBoundColumn</tt> with output formatting string and customized styles.</li>
   <li>In-stock or not - displayed as a checkbox using <tt>TCheckBoxColumn</tt>.</li>
diff --git a/demos/quickstart/protected/pages/Controls/DataGrid2.page b/demos/quickstart/protected/pages/Controls/DataGrid2.page
index f73f46be..a40d3987 100644
--- a/demos/quickstart/protected/pages/Controls/DataGrid2.page
+++ b/demos/quickstart/protected/pages/Controls/DataGrid2.page
@@ -2,18 +2,24 @@
 
 <h1>TDataGrid : Part II</h1>
 
-<h2>Paging and Sorting</h2>
+<h2>Interacting with TDataGrid</h2>
+<p>
+Besides the rich data presentation functionalities as demonstrated in previous section, TDataGrid is also highly user interactive. An import usage of TDataGrid is to use it for editting or deleting rows of data. The <tt>TEditCommandColumn</tt> is specically designed for this purpose.
+</p>
 
-<h2>Updating and Deleting</h2>
+<com:RunBar PagePath="Controls.Samples.TDataGrid.Sample3" />
 
-<h2>Custom Paging</h2>
+<h2>Sorting</h2>
 
-<h2>Extending TDataGrid</h2>
+<com:RunBar PagePath="Controls.Samples.TDataGrid.Sample4" />
 
-<com:RunBar PagePath="Controls.Samples.TDataGrid.Sample1" />
-<p>
-A common use of TDataGrid is for maintaining tabular data, including browsing, editting, deleting data items. This is enabled by the command events and various item templates of TDataGrid. The following example displays a computer product information. Users can add new products, modify or delete existing ones. In order to locate the data item for updating or deleting, <tt>DataKeys</tt> property is used.
-</p>
-<com:RunBar PagePath="Controls.Samples.TDataGrid.Sample2" />
+<h2>Paging</h2>
+
+<com:RunBar PagePath="Controls.Samples.TDataGrid.Sample5" />
+
+<h3>Custom Paging</h3>
+<com:RunBar PagePath="Controls.Samples.TDataGrid.Sample6" />
+
+<h2>Extending TDataGrid</h2>
 
 </com:TContent>
\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/DataList.page b/demos/quickstart/protected/pages/Controls/DataList.page
index d003ae8e..9d904870 100644
--- a/demos/quickstart/protected/pages/Controls/DataList.page
+++ b/demos/quickstart/protected/pages/Controls/DataList.page
@@ -50,7 +50,13 @@ The following example shows how to use TDataList to display tabular data, with d
 </p>
 <com:RunBar PagePath="Controls.Samples.TDataList.Sample1" />
 <p>
-A common use of TDataList is for maintaining tabular data, including browsing, editting, deleting data items. This is enabled by the command events and various item templates of TDataList. The following example displays a computer product information. Users can add new products, modify or delete existing ones. In order to locate the data item for updating or deleting, <tt>DataKeys</tt> property is used.
+A common use of TDataList is for maintaining tabular data, including browsing, editting, deleting data items. This is enabled by the command events and various item templates of TDataList.
+</p>
+<p>
+The following example displays a computer product information. Users can add new products, modify or delete existing ones. In order to locate the data item for updating or deleting, <tt>DataKeys</tt> property is used.
+</p>
+<p>
+Be aware, for simplicity, this application does not do any input validation. In real applications, make sure user inputs are valid before saving them into databases.
 </p>
 <com:RunBar PagePath="Controls.Samples.TDataList.Sample2" />
 
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TDataGrid/Sample1.page b/demos/quickstart/protected/pages/Controls/Samples/TDataGrid/Sample1.page
index 5b5f0a1c..63f8fa15 100644
--- a/demos/quickstart/protected/pages/Controls/Samples/TDataGrid/Sample1.page
+++ b/demos/quickstart/protected/pages/Controls/Samples/TDataGrid/Sample1.page
@@ -6,10 +6,12 @@
 <com:TDataGrid
 	ID="DataGrid"
 	EnableViewState="false"
-	HeaderStyle.BackColor="silver"
-	ItemStyle.BackColor="lightblue"
+	CellPadding="2"
+	HeaderStyle.BackColor="black"
+	HeaderStyle.ForeColor="white"
+	ItemStyle.BackColor="#BFCFFF"
 	ItemStyle.Font.Italic="true"
-	AlternatingItemStyle.BackColor="lightgreen"
+	AlternatingItemStyle.BackColor="#E6ECFF"
 	/>
 
 </com:TContent>
\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TDataGrid/Sample2.page b/demos/quickstart/protected/pages/Controls/Samples/TDataGrid/Sample2.page
index 1a38c90d..c94f581d 100644
--- a/demos/quickstart/protected/pages/Controls/Samples/TDataGrid/Sample2.page
+++ b/demos/quickstart/protected/pages/Controls/Samples/TDataGrid/Sample2.page
@@ -5,6 +5,7 @@
 
 <com:TDataGrid
 	Width="700px"
+	CellPadding="2"
 	ID="DataGrid"
 	AutoGenerateColumns="false"
 	EnableViewState="false"
@@ -36,6 +37,7 @@
 		/>
 	<com:TCheckBoxColumn
 		HeaderText="In-stock"
+		HeaderStyle.Wrap="false"
 		DataField="instock"
 		/>
 	<com:TTemplateColumn>
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TDataList/Sample1.page b/demos/quickstart/protected/pages/Controls/Samples/TDataList/Sample1.page
index 467dc239..dee3a41c 100644
--- a/demos/quickstart/protected/pages/Controls/Samples/TDataList/Sample1.page
+++ b/demos/quickstart/protected/pages/Controls/Samples/TDataList/Sample1.page
@@ -14,10 +14,11 @@ Since the page is mainly for display and does not require user interactions, the
      RepeatColumns="3"
      RepeatDirection="Horizontal"
      ItemStyle.Font.Italic="true"
-     ItemStyle.BackColor="lightgreen"
-     HeaderStyle.BackColor="#AAAADD"
-     FooterStyle.BackColor="#DDAAAA"
-     AlternatingItemStyle.BackColor="lightyellow">
+     ItemStyle.BackColor="#BFCFFF"
+     HeaderStyle.BackColor="black"
+     HeaderStyle.ForeColor="white"
+     FooterStyle.BackColor="gray"
+     AlternatingItemStyle.BackColor="#E6ECFF">
 
 <prop:HeaderTemplate>
 <div style="font-weight:bold; text-align:center;">Computer Parts</div>
@@ -30,7 +31,7 @@ Total <%# $this->Parent->Parent->ItemCount %> products.
 </prop:FooterTemplate>
 
 <prop:ItemTemplate>
-<table border="1" width="100%">
+<table border="0" width="100%">
 <tr>
   <th>ID</th><th>Name</th><th>Quantity</th><th>Price</th>
 </tr>
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TDataList/Sample2.page b/demos/quickstart/protected/pages/Controls/Samples/TDataList/Sample2.page
index 51ec7a7d..07980c49 100644
--- a/demos/quickstart/protected/pages/Controls/Samples/TDataList/Sample2.page
+++ b/demos/quickstart/protected/pages/Controls/Samples/TDataList/Sample2.page
@@ -1,11 +1,6 @@
 <com:TContent ID="body">
 
 <h1>TDataList Sample 2</h1>
-<p>This demo shows a simple application of TDataList control in maintaining a list of computer products. The application allows you to browse a list of inventory computer products, edit, select and delete them.
-</p>
-<p>
-Be aware, for simplicity, this application does not do any input validation. In real applications, make sure user inputs are valid before saving them into databases.
-</p>
 
 <com:TDataList
      ID="DataList"
@@ -15,8 +10,10 @@ Be aware, for simplicity, this application does not do any input validation. In
      OnUpdateCommand="updateItem"
      OnDeleteCommand="deleteItem"
      OnSelectedIndexChanged="selectItem"
-     ItemStyle.BackColor="#EEEEEE"
-     AlternatingItemStyle.BackColor="#F5F5F5"
+     HeaderStyle.BackColor="black"
+     HeaderStyle.ForeColor="white"
+     ItemStyle.BackColor="#BFCFFF"
+     AlternatingItemStyle.BackColor="#E6ECFF"
      EditItemStyle.BackColor="lightgreen"
      SelectedItemStyle.BackColor="lightyellow">
 
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TRepeater/Sample1.page b/demos/quickstart/protected/pages/Controls/Samples/TRepeater/Sample1.page
index 1922ca2a..e28ef6fb 100644
--- a/demos/quickstart/protected/pages/Controls/Samples/TRepeater/Sample1.page
+++ b/demos/quickstart/protected/pages/Controls/Samples/TRepeater/Sample1.page
@@ -16,7 +16,7 @@
 </prop:HeaderTemplate>
 
 <prop:ItemTemplate>
-<tr style="background-color:green">
+<tr style="background-color:#BFCFFF">
 <td><%#$this->Parent->DataItem['id']%></td>
 <td><%#$this->Parent->DataItem['name']%></td>
 <td><%#$this->Parent->DataItem['quantity']%></td>
@@ -26,7 +26,7 @@
 </prop:ItemTemplate>
 
 <prop:AlternatingItemTemplate>
-<tr style="background-color:silver">
+<tr style="background-color:#E6ECFF">
 <td><%#$this->Parent->DataItem['id']%></td>
 <td><%#$this->Parent->DataItem['name']%></td>
 <td><%#$this->Parent->DataItem['quantity']%></td>
-- 
cgit v1.2.3