1: <%@ Page Language="C#" AutoEventWireup="true" Title="AtomicDialog -- Close on Esc" CodeBehind="CloseOnEsc.aspx.cs" Inherits="Atom.Website.Samples.AtomicDialog.CloseOnEsc" %>
2:
3: <%@ Register Src="../Source.ascx" TagName="Source" TagPrefix="sample" %>
4: <%@ Register Assembly="Atom.Web" Namespace="Atom.Web.UI.WebControls" TagPrefix="atom" %>
5: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
6: <html xmlns="http://www.w3.org/1999/xhtml">
7: <head id="Header1" runat="server">
8: <link rel="Shortcut Icon" type="image/ico" href="../images/icon.png" />
9: <!-- The jQuery UI theme that will be used by the components. -->
10: <link href="../themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
11: <!-- jQuery runtime minified -->
12: <script src="../Scripts/jquery-1.9.1.js" type="text/javascript"></script>
13: <!-- jQuery UI runtime minified, client-side javascript of the components.-->
14: <script src="../Scripts/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
15: <!-- This style reference is needed only for the current example. -->
16: <link href="../css/example.css" rel="stylesheet" type="text/css" />
17: <script type="text/javascript">
18: $(document). ready(function(){
19: $('#Open').button().click(function(){
20: <%=AtomicDialog1.ClientID %>.dialog('open');
21: });
22: });
23: </script>
24: </head>
25: <body>
26: <form id="form1" runat="server">
27: <fieldset>
28: <legend>Action</legend>
29: <input type="button" id="Open" value="Open" /><br />
30: <asp:CheckBox Text="Allow Close On Esc" runat="server" Checked="true" ID="AllowCloseOnEsc"
31: AutoPostBack="true" OnCheckedChanged="AllowCloseOnEsc_CheckedChanged" />
32: </fieldset>
33: <div>
34: <atom:AtomicDialog ID="AtomicDialog1" runat="server" CloseOnEsc="true" Title="Close Dialog On Esc Example"
35: Height="455" Width="465">
36: <Template>
37: <img src="../images/art/mona_lisa_leonardo.jpg" class="dialog-image" alt="Mona Lisa" title="Mona Lisa" />
38: <span>The Mona Lisa (La Gioconda or La Joconde, or Portrait of Lisa Gherardini, wife
39: of Francesco del Giocondo) is a half-length portrait of a woman by the Italian artist
40: Leonardo da Vinci, which has been acclaimed as "the best known, the most visited,
41: the most written about, the most sung about, the most parodied work of art in the
42: world." The painting, thought to be a portrait of Lisa Gherardini, the wife of Francesco
43: del Giocondo, is in oil on a poplar panel, and is believed to have been painted
44: between 1503 and 1506. It was acquired by King Francis I of France and is now the
45: property of the French Republic, on permanent display at the Musée du Louvre in
46: Paris. The ambiguity of the subject's expression, frequently described as enigmatic,
47: the monumentality of the composition, the subtle modeling of forms and the atmospheric
48: illusionism were novel qualities that have contributed to the continuing fascination
49: and study of the work.</span></Template>
50: </atom:AtomicDialog>
51: </div>
52: <br />
53: <sample:Source ID="Code" runat="server" />
54: </form>
55: </body>
56: </html>