<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PopupDateWithAtlas.aspx.cs" Inherits="PopupDateWithAtlas" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Wybór daty z menu podręcznego (z Atlasem)</title>
  <style type="text/css">

        .PopUpShow
        {
            background-color:white;
              position:absolute;
              visibility:show;  
              width:150px;
              height:150px;   
              z-index:1;   
              border: solid 1px black;
        }

    </style>    
</head>
<body>
    <form id="form1" runat="server">
        <atlas:ScriptManager ID="ScriptManager1" runat="server" enablepartialrendering="true"/>
        <div>

 <atlas:updatepanel id="up" runat="server" mode="Conditional" 
    rendermode="Inline">
    <triggers>
      <atlas:controleventtrigger controlid="calDatePicker" 
        eventname="SelectionChanged" />
    </triggers>
    <contenttemplate>
    
        <asp:textbox runat="server" id="txtChosenDate" 
            ontextchanged="txtChosenDate_TextChanged" autopostback="true" />
        
    </contenttemplate>
  </atlas:updatepanel>
          
        <asp:imagebutton runat="server" id="imgbtnShowDatePickerPopOut" 
            onclick="imgbtnShowDatePickerPopOut_Click" imageurl="~/images/calendar.gif"
            height="20px" width="20px" />
      
    <atlas:updatepanel runat="server" id="up1" mode="Conditional" 
      rendermode="inline">
      <triggers>
        <atlas:controleventtrigger controlid="imgbtnShowDatePickerPopOut" 
          eventname="Click" />
      </triggers>
      <contenttemplate>
            
        <asp:panel runat="server" id="panDatePickerPopOut" visible="false">
          <asp:calendar id="calDatePicker" runat="server" backcolor="White" 
            bordercolor="White" borderwidth="1px" font-names="Verdana" 
            font-size="6pt" forecolor="Black" height="139px" 
            nextprevformat="FullMonth" width="100px" 
            onselectionchanged="calDatePicker_SelectionChanged">
            
              <selecteddaystyle backcolor="#333399" forecolor="White" />
              <todaydaystyle backcolor="#CCCCCC" />
              <othermonthdaystyle forecolor="#999999" />
              <nextprevstyle font-bold="True" font-size="6pt" 
                forecolor="#333333" verticalalign="Bottom" />
              <dayheaderstyle font-bold="True" font-size="6pt" />
              <titlestyle backcolor="White" bordercolor="Black" borderwidth="4px" 
                font-bold="True" font-size="8pt" forecolor="#333399" />
                
          </asp:calendar>
          <br />
          
          <p style="text-align: center;">
             <asp:linkbutton id="lnkbtnCloseDatePickerPopOut" runat="server" 
                  font-names="Tahoma" font-size="small" 
                  onclick="lnkbtnCloseDatePickerPopOut_Click" 
                  tooltip="Zamknij menu" Text="Zamknij" />
          </p>          
        </asp:panel>
        
      </contenttemplate>
    </atlas:updatepanel>
            
        </div>
    </form>

    <script type="text/xml-script">
        <page xmlns:script="http://schemas.microsoft.com/xml-script/2005">
            <references>
            </references>
            <components>
            </components>
        </page>
    </script>
</body>
</html>
