Action
This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.


The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe. It has a title bar and a content area, and can be moved, resized and closed with the 'x' icon by default.
   1:  <%@ Page Language="C#" AutoEventWireup="true" Title="AtomicDialog -- Default functionality" CodeBehind="Dialog.aspx.cs" Inherits="Atom.Website.Samples.AtomicDialog.Dialog" %>
   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:      
  18:      <script type="text/javascript">  
  19:          $(document).ready(function(){
  20:              $('#Open').button().click(function(){
  21:                  <%=AtomicDialog1.ClientID %>.dialog('open');  
  22:              });  
  23:          });
  24:      </script>
  25:  </head>
  26:  <body>
  27:      <form id="form1" runat="server">
  28:      <fieldset>
  29:          <legend>Action</legend>
  30:          <input type="button" id="Open" value="Open" /><br />
  31:      </fieldset>
  32:      <div>
  33:          <atom:AtomicDialog ID="AtomicDialog1" runat="server" Title="Basic dialog">
  34:              <Template>
  35:                  This is the default dialog which is useful for displaying information. The dialog
  36:                  window can be moved, resized and closed with the 'x' icon.</Template>
  37:          </atom:AtomicDialog>
  38:      </div>
  39:      <br />
  40:      <sample:Source ID="Code" runat="server" />
  41:      </form>
  42:  </body>
  43:  </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 Dialog : 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 Dialog
   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