summaryrefslogtreecommitdiff
path: root/demos/quickstart
diff options
context:
space:
mode:
Diffstat (limited to 'demos/quickstart')
-rw-r--r--demos/quickstart/protected/pages/JuiControls/Home.page4
-rw-r--r--demos/quickstart/protected/pages/JuiControls/Samples/TJuiDialog/Home.page67
-rw-r--r--demos/quickstart/protected/pages/JuiControls/Samples/TJuiDialog/Home.php33
-rw-r--r--demos/quickstart/protected/pages/JuiControls/Widgets.page22
4 files changed, 126 insertions, 0 deletions
diff --git a/demos/quickstart/protected/pages/JuiControls/Home.page b/demos/quickstart/protected/pages/JuiControls/Home.page
index 68765faa..3dc81417 100644
--- a/demos/quickstart/protected/pages/JuiControls/Home.page
+++ b/demos/quickstart/protected/pages/JuiControls/Home.page
@@ -84,6 +84,10 @@ For informations of the specific options of each interaction, follow jQuery-UI I
<a href="?page=JuiControls.Widgets#TJuiAutoComplete">TJuiProgressbar</a>
provides a list of suggestions on the current partial word typed in the textbox
</li>
+ <li>
+ <a href="?page=JuiControls.Widgets#TJuiDialog">TJuiDialog</a>
+ displays an movable dialog control
+ </li>
</ul>
</com:TContent>
diff --git a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDialog/Home.page b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDialog/Home.page
new file mode 100644
index 00000000..6a9df446
--- /dev/null
+++ b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDialog/Home.page
@@ -0,0 +1,67 @@
+<com:TContent ID="body">
+<h1>TJuiDialog Samples</h1>
+
+
+<table class="sampletable">
+
+<tr><td class="samplenote">
+Simple Dialog:
+</td><td class="sampleaction">
+<com:TActiveButton
+ Text="Open Dialog"
+ OnClick="bt1Click"/>
+<com:TJuiDialog
+ ID="dlg1"
+ Options.Title="Simple Dialog"
+ Options.AutoOpen="False"
+ >
+ This is a simple Dialog
+</com:TJuiDialog>
+</td></tr>
+
+<tr><td class="samplenote">
+Modal dialog:
+</td><td class="sampleaction">
+<com:TActiveButton
+ Text="Open Dialog"
+ OnClick="bt2Click"/>
+<com:TJuiDialog
+ ID="dlg2"
+ Options.Title="Modal dialog"
+ Options.AutoOpen="False"
+ Options.Modal="True"
+ >
+ This is a modal dialog
+
+</com:TJuiDialog>
+</td></tr>
+
+
+<tr><td class="samplenote">
+Dialog with buttons:
+</td><td class="sampleaction">
+<com:TActiveButton
+ Text="Open Dialog"
+ OnClick="bt3Click"/>
+<com:TJuiDialog
+ ID="dlg3"
+ Options.Title="Dialog with buttons"
+ Options.AutoOpen="False"
+ >
+ This is a dialog with buttons.
+ <com:TJuiDialogButton
+ Text="Ok"
+ OnClick="dlg3Ok"
+ />
+ <com:TJuiDialogButton
+ Text="Cancel"
+ OnClick="dlg3Cancel"
+ />
+
+</com:TJuiDialog>
+<com:TActiveLabel ID="lbl3" />
+</td></tr>
+
+</table>
+
+</com:TContent>
diff --git a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDialog/Home.php b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDialog/Home.php
new file mode 100644
index 00000000..f9d1e3a9
--- /dev/null
+++ b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDialog/Home.php
@@ -0,0 +1,33 @@
+<?php
+
+class Home extends TPage
+{
+
+ public function bt1Click($sender, $param)
+ {
+ $this->dlg1->open();
+ }
+
+ public function bt2Click($sender, $param)
+ {
+ $this->dlg2->open();
+ }
+
+ public function bt3Click($sender, $param)
+ {
+ $this->dlg3->open();
+ }
+
+ public function dlg3Ok($sender, $param)
+ {
+ $this->lbl3->Text="Button Ok clicked";
+ $this->dlg3->close();
+ }
+
+ public function dlg3Cancel($sender, $param)
+ {
+ $this->lbl3->Text="Button Cancel clicked";
+ $this->dlg3->close();
+ }
+
+} \ No newline at end of file
diff --git a/demos/quickstart/protected/pages/JuiControls/Widgets.page b/demos/quickstart/protected/pages/JuiControls/Widgets.page
index cedec675..4c74c491 100644
--- a/demos/quickstart/protected/pages/JuiControls/Widgets.page
+++ b/demos/quickstart/protected/pages/JuiControls/Widgets.page
@@ -48,4 +48,26 @@ When a suggestion is selected the <tt>OnSuggestionSelected</tt> event is raised,
<com:RunBar PagePath="JuiControls.Samples.TJuiAutoComplete.Home" />
<br/>
+
+<a name="TJuiDialog" />
+<h2>TJuiDialog</h2>
+<com:DocLink ClassPath="System.Web.UI.JuiControls.TJuiDialog" /> - <a href="http://api.jqueryui.com/dialog/">jQuery UI API</a>
+
+<p class="block-content">
+<tt>TJuiDialog</tt> is an extension to <a href="?page=ActiveControls.ActivePanel">TActivePanel</a> based on jQuery-UI's <a href="http://jqueryui.com/dialog/">dialog</a> widget.
+</p>
+
+<p class="block-content">
+TJuiDialog is an extended TActivePanel that shows an dialog. The dialog may contain buttons that can fire callback events.
+</p>
+
+<p class="block-content">
+The dialog may contain one or more <tt>TJuiDialogButton</tt> Controls.
+The buttons may contain a callback that will be fired when they are clicked.
+</p>
+
+
+<com:RunBar PagePath="JuiControls.Samples.TJuiDialog.Home" />
+<br/>
+
</com:TContent>