TJuiDialog

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>