Get sample code when you download Gaia Ajax >>
The Gaia Ajax Window basically mimics the behaviour of a normal desktop Window. You can set it to be Modal (through AspectModal), Closable, Movable, Resizable and mostly all other properties you'd expect to get from a normal desktop Window. The Gaia Ajax %Window is a very rich Ajax Control. You can set properties for enabling and disabling resizing, moving, closing, maximizing, minimizing and modality
Type in your desired Window Caption:
Tick off some desired functionality:
Click here to programmatically Maximize the Window
Notice how easy you can modify the Window in Ajax callbacks by ticking off the functionality you want.
1:
2:
3: <p><b>Type in your desired Window Caption:</b> </p>
4: <gaia:TextBox
5: ID="zCaption"
6: Width="300px"
7: Text="Configure the Window"
8: KeyChangeEvents="true"
9: OnTextChanged="zCaption_TextChanged"
10: runat="server">
11: </gaia:TextBox>
12: <br /><br />
13:
14: <p><b>Tick off some desired functionality:</b></p>
15: <gaia:CheckBox
16: ID="zMinimizable"
17: AutoPostBack="true"
18: OnCheckedChanged="zMinimizable_CheckedChanged"
19: Text="Minimizable"
20: runat="server" />
21:
22: <gaia:CheckBox
23: ID="zClosable"
24: AutoPostBack="true"
25: OnCheckedChanged="zClosable_CheckedChanged"
26: Text="Closable"
27: runat="server" />
28:
29: <gaia:CheckBox
30: ID="zMaximizable"
31: AutoPostBack="true"
32: OnCheckedChanged="zMaximizable_CheckedChanged"
33: Text="Maximizable"
34: runat="server" />
35:
36: <br /><br />
37: <p>Click <gaia:LinkButton
38: ID="zMaximize"
39: runat="server"
40: OnClick="zMaximize_Click"
41: Text="here">
42: </gaia:LinkButton> to programmatically Maximize the Window</p>
43:
44: <gaia:Button
45: ID="zShowWindow"
46: runat="server"
47: Visible="false"
48: Text="Open Window again"
49: OnClick="zShowWindow_Click"
50: />
51:
52: <gaia:Window
53: ID="zWindow"
54: Caption="Configure the Window"
55: OnClosing="zWindowSuccess_Closing"
56: runat="server"
57: OpacityWhenMoved="1"
58: Minimizable="false"
59: Maximizable="false"
60: Closable="false"
61: Draggable="true"
62: Resizable="false"
63: CenterInForm="false"
64: Width="400px"
65: Visible="true"
66: Height="200px">
67:
68: <div style="padding: 15px;">
69: <h1>Configure the Window in Ajax callbacks</h1>
70: <p>Notice how easy you can modify the Window in Ajax callbacks by ticking off
71: the functionality you want.
72: </p>
73: </div>
74:
75: </gaia:Window>
76:
77: