summaryrefslogtreecommitdiff
path: root/demos/quickstart/protected/pages/Controls/Samples
diff options
context:
space:
mode:
authorxue <>2005-12-31 00:51:20 +0000
committerxue <>2005-12-31 00:51:20 +0000
commit21b205564dd4a6602a29b48fb314c4d3d5130ef6 (patch)
treed420f71c19ebb04dc02731e5866a74784dffd60e /demos/quickstart/protected/pages/Controls/Samples
parent71ca767f51b53d6b162bd6fdccfb125f2dc94d35 (diff)
Adjusted layout of sub-samples.
Diffstat (limited to 'demos/quickstart/protected/pages/Controls/Samples')
-rw-r--r--demos/quickstart/protected/pages/Controls/Samples/TListBox/Home.page117
-rw-r--r--demos/quickstart/protected/pages/Controls/Samples/TTextBox/Home.page87
2 files changed, 149 insertions, 55 deletions
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TListBox/Home.page b/demos/quickstart/protected/pages/Controls/Samples/TListBox/Home.page
index 776fc073..28d0dc1a 100644
--- a/demos/quickstart/protected/pages/Controls/Samples/TListBox/Home.page
+++ b/demos/quickstart/protected/pages/Controls/Samples/TListBox/Home.page
@@ -2,31 +2,66 @@
<h1>TListBox Samples</h1>
-<div class="samplepanel">
-<div class="sampletitle"><tt>Single</tt> Selection List Box</div>
-List box with default settings:<br/>
+<h2>List Boxes in Single Selection Mode</h2>
+
+<table class="sampletable">
+
+<tr>
+<td class="samplenote">
+List box with default settings:
+</td>
+<td class="sampleaction">
<com:TListBox />
-<br/>
+</td>
+</tr>
-List box with initial items:<br/>
+<tr>
+<td class="samplenote">
+List box with initial items:
+</td>
+<td class="sampleaction">
<com:TListBox>
<com:TListItem Value="value 1" Text="item 1" />
<com:TListItem Value="value 2" Text="item 2" Selected="true" />
<com:TListItem Value="value 3" Text="item 3" />
<com:TListItem Value="value 4" Text="item 4" />
</com:TListBox>
-<br/>
+</td>
+</tr>
-List box with customized row number, color and font:<br/>
+<tr>
+<td class="samplenote">
+List box with customized row number, color and font:
+</td>
+<td class="sampleaction">
<com:TListBox Rows="3" ForeColor="blue" Font.Size="14pt">
<com:TListItem Value="value 1" Text="item 1" />
<com:TListItem Value="value 2" Text="item 2" Selected="true" />
<com:TListItem Value="value 3" Text="item 3" />
<com:TListItem Value="value 4" Text="item 4" />
</com:TListBox>
-<br/>
+</td>
+</tr>
+
+<tr>
+<td class="samplenote">
+Disabled list box:
+</td>
+<td class="sampleaction">
+<com:TListBox Enabled="false">
+ <com:TListItem Value="value 1" Text="item 1" />
+ <com:TListItem Value="value 2" Text="item 2" Selected="true" />
+ <com:TListItem Value="value 3" Text="item 3" />
+ <com:TListItem Value="value 4" Text="item 4" />
+</com:TListBox>
+</td>
+</tr>
-Auto postback list box:<br/>
+<tr>
+<td class="samplenote">
+Auto postback list box:
+</td>
+<td class="sampleaction">
<com:TListBox AutoPostBack="true" SelectedIndexChanged="selectionChanged">
<com:TListItem Value="value 1" Text="item 1" />
<com:TListItem Value="value 2" Text="item 2" Selected="true" />
@@ -34,9 +69,14 @@ Auto postback list box:<br/>
<com:TListItem Value="value 4" Text="item 4" />
</com:TListBox>
<com:TLabel ID="SelectionResult" ForeColor="red" />
-<br/>
+</td>
+</tr>
-List box's behavior upon postback:<br/>
+<tr>
+<td class="samplenote">
+List box's behavior upon postback:
+</td>
+<td class="sampleaction">
<com:TListBox ID="ListBox1">
<com:TListItem Value="value 1" Text="item 1" />
<com:TListItem Value="value 2" Text="item 2" Selected="true" />
@@ -45,39 +85,61 @@ List box's behavior upon postback:<br/>
</com:TListBox>
<com:TButton Text="Submit" Click="buttonClicked"/>
<com:TLabel ID="SelectionResult2" ForeColor="red" />
-<br/>
-</div>
+</td>
+</tr>
+
+</table>
+
-<div class="samplepanel">
-<div class="sampletitle"><tt>Multiple</tt> Selection List Box</div>
-<i>Use Shift + Left Click to change selection</i>
+<h2>List Boxes in Multiple Selection Mode</h2>
+<i>Use Shift + Mouse Click to change selection</i>
<br/>
-List box with default settings:<br/>
+
+<table class="sampletable">
+
+<tr>
+<td class="samplenote">
+List box with default settings:
+</td>
+<td class="sampleaction">
<com:TListBox SelectionMode="Multiple" />
-<br/>
+</td>
+</tr>
-List box with initial items:<br/>
+<tr>
+<td class="samplenote">
+List box with initial items:
+</td>
+<td class="sampleaction">
<com:TListBox SelectionMode="Multiple">
<com:TListItem Value="value 1" Text="item 1" />
<com:TListItem Value="value 2" Text="item 2" Selected="true" />
<com:TListItem Value="value 3" Text="item 3" />
<com:TListItem Value="value 4" Text="item 4" Selected="true" />
</com:TListBox>
-<br/>
+</td>
+</tr>
-Auto postback list box:<br/>
-<br/>
+<tr>
+<td class="samplenote">
+Auto postback list box:
+</td>
+<td class="sampleaction">
<com:TListBox AutoPostBack="true" SelectionMode="Multiple" SelectedIndexChanged="multiSelectionChanged">
<com:TListItem Value="value 1" Text="item 1" />
<com:TListItem Value="value 2" Text="item 2" Selected="true" />
<com:TListItem Value="value 3" Text="item 3" />
<com:TListItem Value="value 4" Text="item 4" Selected="true" />
</com:TListBox>
-<br/>
<com:TLabel ID="MultiSelectionResult" ForeColor="red" />
-<br/>
+</td>
+</tr>
-List box's behavior upon postback:<br/>
+<tr>
+<td class="samplenote">
+List box's behavior upon postback:
+</td>
+<td class="sampleaction">
<com:TListBox ID="ListBox2" SelectionMode="Multiple">
<com:TListItem Value="value 1" Text="item 1" />
<com:TListItem Value="value 2" Text="item 2" Selected="true" />
@@ -87,6 +149,9 @@ List box's behavior upon postback:<br/>
<com:TButton Text="Submit" Click="buttonClicked2" />
<br/>
<com:TLabel ID="MultiSelectionResult2" ForeColor="red" />
+</td>
+</tr>
+
+</table>
-</div>
</com:TContent> \ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TTextBox/Home.page b/demos/quickstart/protected/pages/Controls/Samples/TTextBox/Home.page
index fd030996..4a9b58a3 100644
--- a/demos/quickstart/protected/pages/Controls/Samples/TTextBox/Home.page
+++ b/demos/quickstart/protected/pages/Controls/Samples/TTextBox/Home.page
@@ -2,18 +2,19 @@
<h1>TTextBox Samples</h1>
-<div class="samplepanel">
-<div class="sampletitle">SingleLine and Password Text Boxes</div>
+<h2>SingeLine Text Boxes</h2>
+<table class="sampletable">
+
+<tr><td class="samplenote">
Text box with default settings:
+</td><td class="sampleaction">
<com:TTextBox />
-<br/>
-
-Password text box:
-<com:TTextBox TextMode="Password" />
-<br/>
+</td></tr>
+<tr><td class="samplenote">
Text box with customized color, font, columns, maximum length:
+</td><td class="sampleaction">
<com:TTextBox
Text="text"
ForeColor="yellow"
@@ -22,72 +23,100 @@ Text box with customized color, font, columns, maximum length:
Columns="4"
MaxLength="6"
/>
-<br/>
+</td></tr>
-Text box with vCard support:<br/>
+<tr><td class="samplenote">
+Text box with vCard support:
+</td><td class="sampleaction">
First Name: <com:TTextBox AutoCompleteType="FirstName" />
Last Name: <com:TTextBox AutoCompleteType="LastName" />
-<br/>
+</td></tr>
+<tr><td class="samplenote">
Disabled text box:
+</td><td class="sampleaction">
<com:TTextBox Text="disabled" Enabled="false" />
-<br/>
+</td></tr>
+<tr><td class="samplenote">
Read-only text box:
+</td><td class="sampleaction">
<com:TTextBox Text="read only" ReadOnly="true" />
-<br/>
+</td></tr>
+<tr><td class="samplenote">
Auto postback text box:
+</td><td class="sampleaction">
<com:TTextBox
Text="change me"
AutoPostBack="true"
TextChanged="textChanged" />
-<br/>
+</td></tr>
+<tr><td class="samplenote">
Text box's behavior upon postback:
+</td><td class="sampleaction">
<com:TTextBox ID="TextBox1" Text="text" />
<com:TButton Text="Submit" Click="submitText" />
+</td></tr>
+
+</table>
+
+<h2>Password Text Boxes</h2>
+
+Password: <com:TTextBox TextMode="Password" />
-</div>
-<div class="samplepanel">
-<div class="sampletitle">MultiLine Text Boxes</div>
+<h2>MultiLine Text Boxes</h2>
-Text box with default settings:<br/>
+<table class="sampletable">
+
+<tr><td class="samplenote">
+Text box with default settings:
+</td><td class="sampleaction">
<com:TTextBox TextMode="MultiLine" />
-<br/>
+</td></tr>
-Text box with customized dimensions, font and content:<br/>
+<tr><td class="samplenote">
+Text box with customized dimensions, font and content:
+</td><td class="sampleaction">
<com:TTextBox TextMode="MultiLine" Rows="6" Columns="60" Font.Italic="true">
-<prop:Text>
+ <prop:Text>
This is a multiline text box.
In HTML, it is displayed as a textarea.
-</prop:Text>
+ </prop:Text>
</com:TTextBox>
-<br/>
+</td></tr>
-Disabled text box:<br/>
+<tr><td class="samplenote">
+Disabled text box:
+</td><td class="sampleaction">
<com:TTextBox
TextMode="MultiLine"
Text="disabled"
Enabled="false" />
-<br/>
+</td></tr>
-Read-only text box with text-wrapping disabled:<br/>
+<tr><td class="samplenote">
+Read-only text box with text-wrapping disabled:
+</td><td class="sampleaction">
<com:TTextBox
TextMode="MultiLine"
Text="This is a read-only text box with text-wrapping disabled."
ReadOnly="true"
Wrap="false"/>
-<br/>
+</td></tr>
-Auto postback text box:<br/>
+<tr><td class="samplenote">
+Auto postback text box:
+</td><td class="sampleaction">
<com:TTextBox
TextMode="MultiLine"
Text="change me"
AutoPostBack="true"
TextChanged="textChanged" />
-<br/>
-</div>
+</td></tr>
+
+</table>
</com:TContent> \ No newline at end of file