1: <%@ Page Language="C#" AutoEventWireup="true" Title="AtomicDialog -- Server Side Events" CodeBehind="ServerSideEvents.aspx.cs"
2: Inherits="Atom.Website.Samples.AtomicDialog.ServerSideEvents" %>
3:
4: <%@ Register Src="../Source.ascx" TagName="Source" TagPrefix="sample" %>
5: <%@ Register Assembly="Atom.Web" Namespace="Atom.Web.UI.WebControls" TagPrefix="atom" %>
6: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
7: <html xmlns="http://www.w3.org/1999/xhtml">
8: <head id="Header1" runat="server">
9: <link rel="Shortcut Icon" type="image/ico" href="../images/icon.png" />
10: <!-- The jQuery UI theme that will be used by the components. -->
11: <link href="../themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
12: <!-- jQuery runtime minified -->
13: <script src="../Scripts/jquery-1.9.1.js" type="text/javascript"></script>
14: <!-- jQuery UI runtime minified, client-side javascript of the components.-->
15: <script src="../Scripts/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
16: <!-- This style reference is needed only for the current example. -->
17: <link href="../css/example.css" rel="stylesheet" type="text/css" />
18: <script type="text/javascript">
19: $(document).ready(function(){
20: $('#Open').button().click(function(){
21: <%=AtomicDialog1.ClientID %>.dialog('open');
22: });
23: });
24:
25: function ClearLogContainer() {
26: $("#<%= LogContainer.ClientID %>").val('');
27: }
28: </script>
29: </head>
30: <body>
31: <form id="form1" runat="server">
32: <fieldset>
33: <legend>Action</legend>
34: <input type="button" id="Open" value="Open" />
35: </fieldset>
36: <div>
37: <atom:AtomicDialog runat="server" ID="AtomicDialog1" OnDialogClosed="AtomicDialog1_DialogClosed"
38: OnDialogClosing="AtomicDialog1_DialogClosing" OnDialogMoved="AtomicDialog1_DialogMoved"
39: OnDialogMoving="AtomicDialog1_DialogMoving" OnDialogResized="AtomicDialog1_DialogResized"
40: OnDialogResizing="AtomicDialog1_DialogResizing" Height="487" Width="493" Title="Sunflowers Van Gogh">
41: <Template>
42: <img src="../images/art/sunflowers_van_gogh.gif" alt="Sunflowers Van Gogh" title="Sunflowers Van Gogh"
43: class="dialog-image" />
44: <span>Sunflowers (original title, in French: Tournesols) are the subject of two series
45: of still life paintings by the Dutch painter Vincent van Gogh. The earlier series
46: executed in Paris in 1887 gives the flowers lying on the ground, while the second
47: set executed a year later in Arles shows bouquets of sunflowers in a vase. In the
48: artist's mind both sets were linked by the name of his friend Paul Gauguin, who
49: acquired two of the Paris versions. About eight months later Van Gogh hoped to welcome
50: and to impress Gauguin again with Sunflowers, now part of the painted décoration
51: he prepared for the guestroom of his Yellow House where Gauguin was supposed to
52: stay in Arles. After Gauguin's departure, Van Gogh imagined the two major versions
53: as wings of the Berceuse Triptych, and finally he included them in his exhibit at
54: Les XX in Bruxelles.</span>
55: </Template>
56: </atom:AtomicDialog>
57: </div>
58: <br />
59: <fieldset>
60: <legend>Events:</legend><a href="javascript:void(0);" style="float: right;" onclick="ClearLogContainer()">
61: clear log container</a>
62: <asp:TextBox ID="LogContainer" runat="server" TextMode="MultiLine" Width="100%" Text=""
63: Height="150px"></asp:TextBox>
64: </fieldset>
65: <sample:Source ID="Code" runat="server" />
66: </form>
67: </body>
68: </html>