Action
The Last Supper The Last Supper measures 450 × 870 cm (15 feet × 29 ft) and covers an end wall of the dining hall at the monastery of Santa Maria delle Grazie in Milan, Italy. The theme was a traditional one for refectories, although the room was not a refectory at the time that Leonardo painted it. The main church building had only recently been completed (in 1498), but was remodeled by Bramante, hired by Ludovico Sforza to build a Sforza family mausoleum. The painting was commissioned by Sforza to be the centerpiece of the mausoleum. The lunettes above the main painting, formed by the triple arched ceiling of the refectory, are painted with Sforza coats-of-arms. The opposite wall of the refectory is covered by the Crucifixion fresco by Giovanni Donato da Montorfano, to which Leonardo added figures of the Sforza family in tempera. (These figures have deteriorated in much the same way as has The Last Supper.) Leonardo began work on The Last Supper in 1495 and completed it in 1498—he did not work on the painting continuously. This beginning date is not certain, as "the archives of the convent have been destroyed and our meagre documents date from 1497 when the painting was nearly finished."


Info
   1:  <%@ Page Language="C#" AutoEventWireup="true" Title="AtomicDialog -- Resizable" CodeBehind="Resizable.aspx.cs" Inherits="Atom.Website.Samples.AtomicDialog.Resizable" %>
   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 AutoPostBack="true" runat="server" ID="IsResizable" Text="Activate resize functionality"
  31:              Checked="true" OnCheckedChanged="IsResizable_CheckedChanged" />
  32:      </fieldset>
  33:      <div>
  34:          <atom:AtomicDialog ID="AtomicDialog1" runat="server" Resizable="true" Height="400" Title="The Last Supper" 
  35:              Width="663">
  36:              <Template>
  37:                  <img src="../images/art/ultima_cena_leonardo.jpg" class="dialog-image" alt="The Last Supper" title="The Last Supper"/>
  38:                  <span>The Last Supper measures 450 × 870 cm (15 feet × 29 ft) and covers an end wall
  39:                      of the dining hall at the monastery of Santa Maria delle Grazie in Milan, Italy.
  40:                      The theme was a traditional one for refectories, although the room was not a refectory
  41:                      at the time that Leonardo painted it. The main church building had only recently
  42:                      been completed (in 1498), but was remodeled by Bramante, hired by Ludovico Sforza
  43:                      to build a Sforza family mausoleum. The painting was commissioned by Sforza to be
  44:                      the centerpiece of the mausoleum. The lunettes above the main painting, formed by
  45:                      the triple arched ceiling of the refectory, are painted with Sforza coats-of-arms.
  46:                      The opposite wall of the refectory is covered by the Crucifixion fresco by Giovanni
  47:                      Donato da Montorfano, to which Leonardo added figures of the Sforza family in tempera.
  48:                      (These figures have deteriorated in much the same way as has The Last Supper.) Leonardo
  49:                      began work on The Last Supper in 1495 and completed it in 1498—he did not work on
  50:                      the painting continuously. This beginning date is not certain, as "the archives
  51:                      of the convent have been destroyed and our meagre documents date from 1497 when
  52:                      the painting was nearly finished."</span>
  53:              </Template>
  54:          </atom:AtomicDialog>
  55:      </div>
  56:      <br />
  57:      <sample:Source ID="Code" runat="server" />
  58:      </form>
  59:  </body>
  60:  </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 Resizable : System.Web.UI.Page
  11:      {
  12:          protected void Page_Load(object sender, EventArgs e)
  13:          {
  14:   
  15:          }
  16:   
  17:          protected void IsResizable_CheckedChanged(object sender, EventArgs e)
  18:          {
  19:              AtomicDialog1.AllowResizable = IsResizable.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 Resizable
   9:          Inherits System.Web.UI.Page
  10:          Protected Sub Page_Load(sender As Object, e As EventArgs)
  11:          End Sub
  12:          Protected Sub IsResizable_CheckedChanged(sender As Object, e As EventArgs)
  13:              AtomicDialog1.AllowResizable = IsResizable.Checked
  14:          End Sub
  15:      End Class
  16:  End Namespace