Template file:	Home.page
Class file:	Home.php

Show Line Numbers

/JuiControls/Samples/TJuiDialog/Home.page

<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>

<tr><td class="samplenote">
Dialog with callbacks:
</td><td class="sampleaction">
<com:TActiveButton
  Text="Open Dialog"
  OnClick="bt4Click"/>
<com:TJuiDialog
    ID="dlg4"
    Options.Width="400"
    Options.Title="Dialog with callbacks"
    Options.AutoOpen="False"
    Options.Position="center center"
    >
    Change dialog options during callback.
    <com:TJuiDialogButton
      Text="change title"
      OnClick="dlg4title"
      />
    <com:TJuiDialogButton
      Text="toggle width"
      OnClick="dlg4width"
      />
    <com:TJuiDialogButton
      Text="toggle position"
      OnClick="dlg4pos"
      />

</com:TJuiDialog>
</td></tr>

<tr><td class="samplenote">
Collecting user input using a dialog:
</td><td class="sampleaction">
<com:TActiveButton
  Text="Open Dialog"
  OnClick="bt5Click"/>
<com:TJuiDialog
    ID="dlg5"
    Options.Width="400"
    Options.Title="Dialog with textbox"
    Options.AutoOpen="False"
    Options.Position="center center"
    >
    Write something: <com:TActiveTextBox ID="txtSomething" />
    <com:TJuiDialogButton
      Text="Ok"
      OnClick="dlg5Ok"
      />
    <com:TJuiDialogButton
      Text="Cancel"
      OnClick="dlg5Cancel"
      />
</com:TJuiDialog>
<com:TActiveLabel ID="lbl5" />
</td></tr>

</table>

</com:TContent>