Action
Portrait of the Duke of Lerma


Info
   1:  <%@ Page Language="C#" AutoEventWireup="true" Title="AtomicDialog -- Draggable" CodeBehind="Draggable.aspx.cs" Inherits="Atom.Website.Samples.AtomicDialog.Draggable" %>
   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="IsDraggable" Text="Activate draggable functionality"
  31:              Checked="true" OnCheckedChanged="IsDraggable_CheckedChanged" />
  32:      </fieldset>
  33:      <div>
  34:          <atom:AtomicDialog runat="server" ID="AtomicDialog1" Draggable="true" Title="Portrait of the Duke of Lerma"
  35:              Height="380" Width="260">
  36:              <Template>
  37:                  <img src="../images/art/lerma_rubens.jpg" class="dialog-image" title="Portrait of the Duke of Lerma"
  38:                      alt="Portrait of the Duke of Lerma" />
  39:              </Template>
  40:          </atom:AtomicDialog>
  41:      </div>
  42:      <br />
  43:      <sample:Source ID="Code" runat="server" />
  44:      </form>
  45:  </body>
  46:  </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 Draggable : System.Web.UI.Page
  11:      {
  12:          protected void Page_Load(object sender, EventArgs e)
  13:          {
  14:   
  15:          }
  16:   
  17:          protected void IsDraggable_CheckedChanged(object sender, EventArgs e)
  18:          {
  19:              AtomicDialog1.AllowDraggable = IsDraggable.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 Draggable
   9:          Inherits System.Web.UI.Page
  10:          Protected Sub Page_Load(sender As Object, e As EventArgs)
  11:          End Sub
  12:          Protected Sub IsDraggable_CheckedChanged(sender As Object, e As EventArgs)
  13:              AtomicDialog1.AllowDraggable = IsDraggable.Checked
  14:          End Sub
  15:      End Class
  16:  End Namespace