Action
Mona Lisa The Mona Lisa (La Gioconda or La Joconde, or Portrait of Lisa Gherardini, wife of Francesco del Giocondo) is a half-length portrait of a woman by the Italian artist Leonardo da Vinci, which has been acclaimed as "the best known, the most visited, the most written about, the most sung about, the most parodied work of art in the world." The painting, thought to be a portrait of Lisa Gherardini, the wife of Francesco del Giocondo, is in oil on a poplar panel, and is believed to have been painted between 1503 and 1506. It was acquired by King Francis I of France and is now the property of the French Republic, on permanent display at the Musée du Louvre in Paris. The ambiguity of the subject's expression, frequently described as enigmatic, the monumentality of the composition, the subtle modeling of forms and the atmospheric illusionism were novel qualities that have contributed to the continuing fascination and study of the work.


Info
   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>
   1:  using System;
   2:  using System.Collections.Generic;
   3:  using System.Linq;
   4:  using System.Web;
   5:  using System.Web.UI;
   6:  using System.Web.UI.WebControls;
   7:   
   8:  namespace Atom.Website.Samples.AtomicDialog
   9:  {
  10:      public partial class CloseOnEsc : System.Web.UI.Page
  11:      {
  12:          protected void Page_Load(object sender, EventArgs e)
  13:          {
  14:   
  15:          }
  16:   
  17:          protected void AllowCloseOnEsc_CheckedChanged(object sender, EventArgs e)
  18:          {
  19:              AtomicDialog1.AllowCloseOnEsc = AllowCloseOnEsc.Checked;
  20:          }
  21:      }
  22:  }
   1:  Imports System
   2:  Imports System.Collections.Generic
   3:  Imports System.Linq
   4:  Imports System.Web
   5:  Imports System.Web.UI
   6:  Imports System.Web.UI.WebControls
   7:  Namespace Atom.Website.Samples.AtomicDialog
   8:      Public Partial Class CloseOnEsc
   9:          Inherits System.Web.UI.Page
  10:          Protected Sub Page_Load(sender As Object, e As EventArgs)
  11:          End Sub
  12:          Protected Sub AllowCloseOnEsc_CheckedChanged(sender As Object, e As EventArgs)
  13:              AtomicDialog1.AllowCloseOnEsc = AllowCloseOnEsc.Checked
  14:          End Sub
  15:      End Class
  16:  End Namespace