Action




The Creation Of Adam The Creation of Adam is a section of Michelangelo's fresco Sistine Chapel ceiling painted circa 1511. It is traditionally thought to illustrate the Biblical creation narrative from the Book of Genesis in which God breathes life into Adam, the first man. Chronologically the fourth in the series of panels depicting episodes from Genesis on the Sistine ceiling, it was among the last to be completed. It is the most well-known of the Sistine Chapel fresco panels, and its fame as a piece of art is rivaled only by the Mona Lisa by Leonardo da Vinci. The image near-touching hands of God and Adam has become one of the single most iconic images of humanity and has been reproduced in countless imitations and parodies. Along with Leonardo da Vinci's The Last Supper, The Creation of Adam and the other Sistine Chapel panels are the most replicated religious paintings of all time.

Info
   1:  <%@ Page Language="C#" AutoEventWireup="true" Title="AtomicDialog -- Client Side API" CodeBehind="ClientSideAPI.aspx.cs"
   2:      Inherits="Atom.Website.Samples.AtomicDialog.ClientSideAPI" %>
   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:   
  19:      <script type="text/javascript">  
  20:          $(document).ready(function(){
  21:              $('#Open').button().click(function(){
  22:                  <%=AtomicDialog1.ClientID %>.dialog('open');  
  23:              });  
  24:          });
  25:      </script>
  26:  </head>
  27:  <body>
  28:      <form id="form1" runat="server">
  29:      <fieldset>
  30:          <legend>Action</legend>
  31:          <input type="button" value="Open" id="Open" /><br />
  32:          <asp:CheckBox ID="IsAutoOpen" Text="Auto open" runat="server" AutoPostBack="true" /><br />
  33:          <asp:CheckBox ID="IsCloseOnEsc" Text="Close on Esc" runat="server" AutoPostBack="true" /><br />
  34:          <asp:CheckBox ID="IsDraggable" Text="Draggable" runat="server" AutoPostBack="true" /><br />
  35:      </fieldset>
  36:      <br />
  37:      <div>
  38:          <atom:AtomicDialog ID="AtomicDialog1" runat="server" Title="The Creation Of Adam"
  39:              Width="690" Height="335">
  40:              <Template>
  41:                  <img src="../images/art/creation_of_adam_michelangelo.jpg" class="dialog-image" title="The Creation Of Adam"
  42:                      alt="The Creation Of Adam" />
  43:                  <span>The Creation of Adam is a section of Michelangelo's fresco Sistine Chapel ceiling
  44:                      painted circa 1511. It is traditionally thought to illustrate the Biblical creation
  45:                      narrative from the Book of Genesis in which God breathes life into Adam, the first
  46:                      man. Chronologically the fourth in the series of panels depicting episodes from
  47:                      Genesis on the Sistine ceiling, it was among the last to be completed. It is the
  48:                      most well-known of the Sistine Chapel fresco panels, and its fame as a piece of
  49:                      art is rivaled only by the Mona Lisa by Leonardo da Vinci. The image near-touching
  50:                      hands of God and Adam has become one of the single most iconic images of humanity
  51:                      and has been reproduced in countless imitations and parodies. Along with Leonardo
  52:                      da Vinci's The Last Supper, The Creation of Adam and the other Sistine Chapel panels
  53:                      are the most replicated religious paintings of all time.</span></Template>
  54:          </atom:AtomicDialog>
  55:      </div>
  56:      <sample:Source ID="Code" runat="server" />
  57:      </form>
  58:  </body>
  59:  </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 ClientSideAPI : System.Web.UI.Page
  11:      {
  12:          protected void Page_Load(object sender, EventArgs e)
  13:          {
  14:   
  15:          }
  16:      }
  17:  }
   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 ClientSideAPI
   9:          Inherits System.Web.UI.Page
  10:          Protected Sub Page_Load(sender As Object, e As EventArgs)
  11:          End Sub
  12:      End Class
  13:  End Namespace