diff options
| author | Fabio Bas <ctrlaltca@gmail.com> | 2016-11-03 09:47:32 +0100 |
|---|---|---|
| committer | Fabio Bas <ctrlaltca@gmail.com> | 2016-11-03 09:47:32 +0100 |
| commit | f5b91473afb9ebeb2148594d1b1d1eae200f438b (patch) | |
| tree | a656f8be82f4b8c9bb0d5b6ea7f071ee76e5879d /demos | |
| parent | 8978869afd5cb31cc210f79eee6ecedbe8c47333 (diff) | |
Added basic support for html5 new input types
fix #613
Diffstat (limited to 'demos')
| -rwxr-xr-x | demos/quickstart/protected/pages/Controls/Samples/TTextBox/Home.page | 105 |
1 files changed, 104 insertions, 1 deletions
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TTextBox/Home.page b/demos/quickstart/protected/pages/Controls/Samples/TTextBox/Home.page index 5ee51413..80d21122 100755 --- a/demos/quickstart/protected/pages/Controls/Samples/TTextBox/Home.page +++ b/demos/quickstart/protected/pages/Controls/Samples/TTextBox/Home.page @@ -106,7 +106,7 @@ Password with default setting </td></tr>
<tr><td class="samplenote">
-Password with PersistPasswor set true
+Password with PersistPassword enabled
</td>
<td class="sampleaction">
<com:TTextBox ID="Password2" TextMode="Password" PersistPassword="true" />
@@ -183,4 +183,107 @@ Auto postback text box causing validation: </table>
+<h2>Html5 new input types</h2>
+
+<table class="sampletable">
+
+<tr><td class="samplenote">
+Color picker textbox
+</td>
+<td class="sampleaction">
+<com:TTextBox TextMode="Color" Text="#FF0000" />
+</td></tr>
+
+<tr><td class="samplenote">
+Date picker textbox
+</td>
+<td class="sampleaction">
+<com:TTextBox TextMode="Date" />
+</td></tr>
+
+<tr><td class="samplenote">
+Date, time and timezone picker textbox
+</td>
+<td class="sampleaction">
+<com:TTextBox TextMode="Datetime" />
+</td></tr>
+
+<tr><td class="samplenote">
+Local date and time picker textbox
+</td>
+<td class="sampleaction">
+<com:TTextBox TextMode="DatetimeLocal" />
+</td></tr>
+
+<tr><td class="samplenote">
+Email validation textbox
+</td>
+<td class="sampleaction">
+<com:TTextBox TextMode="Email" />
+</td></tr>
+
+<tr><td class="samplenote">
+Month / year picker textbox
+</td>
+<td class="sampleaction">
+<com:TTextBox TextMode="Month" />
+</td></tr>
+
+<tr><td class="samplenote">
+Textbox optimized to input a number, usually with a spinner
+</td>
+<td class="sampleaction">
+<com:TTextBox TextMode="Number" Text="15" />
+</td></tr>
+
+<tr><td class="samplenote">
+Textbox optimized to input a number, with properties min = 10, max = 20, step = 2
+</td>
+<td class="sampleaction">
+<com:TTextBox TextMode="Number" Text="15" Attributes.min="10" Attributes.max="20" Attributes.step="2" />
+</td></tr>
+
+<tr><td class="samplenote">
+Textbox optimized to input a value inside a range, usually with a slider
+</td>
+<td class="sampleaction">
+<com:TTextBox TextMode="Range" Attributes.min="0" Attributes.max="100"/>
+</td></tr>
+
+<tr><td class="samplenote">
+Textbox optimized to input a search term
+</td>
+<td class="sampleaction">
+<com:TTextBox TextMode="Search" />
+</td></tr>
+
+<tr><td class="samplenote">
+Textbox optimized to input a telephone number
+</td>
+<td class="sampleaction">
+<com:TTextBox TextMode="Tel" />
+</td></tr>
+
+<tr><td class="samplenote">
+Time picker textbox
+</td>
+<td class="sampleaction">
+<com:TTextBox TextMode="Time" />
+</td></tr>
+
+<tr><td class="samplenote">
+Textbox optimized to input an URL address
+</td>
+<td class="sampleaction">
+<com:TTextBox TextMode="Url" />
+</td></tr>
+
+<tr><td class="samplenote">
+Week / year picker textbox
+</td>
+<td class="sampleaction">
+<com:TTextBox TextMode="Week" />
+</td></tr>
+
+</table>
</com:TContent>
|