Ajax modal dialog issues

Well, I think it's me - since I don't know much about Ajax and ASP.NET!

Basically, I have a calander control, and its in an update panel. When a date is chosen, it brings a modal dialog:

www.sandlerltd.co.uk

ok thats cool.

Now, on the server postback on the selectionchange of the calander control, I set a literal text in that modal dialog and guess what? shows no text!

I want to show the value of the selection in this literal control but when I set this programmatically (async trigger on the calander selection change event), it doesnt show any text at all.

any ideas? Where am I going wrong?

Code:

---


 <asp:Panel ID="MainDialogPanel" runat="server" Style="display: none" CssClass="modalPopup">
           
                <div>
                <font color="white">
                    <asp:Literal runat="server" ID="litSelectedDate"></asp:Literal>
                </font>
                    <p style="text-align: center;">
                        &nbsp;<asp:UpdatePanel runat="server" UpdateMode="Conditional">
                        <ContentTemplate>                       
                            <asp:Button ID="OKButton" runat="server" Text="OK" />
                            <asp:Button ID="CancelButton" runat="server" Text="Cancel" OnClick="btnCancel_Click" />                       
                        </ContentTemplate>
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="OKButton" EventName="Click" />
                                <asp:AsyncPostBackTrigger ControlID="CancelButton" EventName="Click" />
                            </Triggers>
                    </asp:UpdatePanel>
                </div>
        </asp:Panel>
   
        <input type="hidden" runat="server" id="hiddenControl" />
        <cc1:ModalPopupExtender id="blogEntrySelectorPopup" runat="server"
            TargetControlID="hiddenControl"
            PopupControlID="MainDialogPanel"
            BackgroundCssClass="modalBackground"
            DropShadow="true" />



<asp:UpdatePanel runat="server" ID="updatePanelCalander" UpdateMode="Conditional">
            <Triggers>
                <asp:AsyncPostBackTrigger EventName="SelectionChanged" ControlID="ASPCalanderControl"/>
               
            </Triggers>
           
            <ContentTemplate>
                <p align="center">
                    <asp:Calendar runat="server" ID="ASPCalanderControl" DayNameFormat="Shortest"
                        Width="200px" onselectionchanged="ASPCalanderControl_SelectionChanged">
                        <SelectorStyle BackColor="#99CCCC" ForeColor="#336666" />
                        <WeekendDayStyle BackColor="#CCCCFF" />
                        <TodayDayStyle BackColor="#99CCCC" ForeColor="White" />
                        <OtherMonthDayStyle ForeColor="#999999" />
                        <NextPrevStyle Font-Size="8pt" ForeColor="#CCCCFF" />
                        <DayHeaderStyle BackColor="#99CCCC" ForeColor="#336666" Height="1px" />
                        <TitleStyle BackColor="#003399" ForeColor="#CCCCFF" BorderColor="#3366CC"
                            BorderWidth="1px" Font-Bold="True" Font-Size="10pt" Height="25px" />
                        <SelectedDayStyle BackColor="#009999" Font-Bold="true" ForeColor="#CCFF99" />
                    </asp:Calendar>
                </p>
            </ContentTemplate>
        </asp:UpdatePanel>

---

code behind is simple:

Code:

---

protected void ASPCalanderControl_SelectionChanged(object sender, EventArgs e)
    {
        // get the chosen date.
        // string dateChosen = this.ASPCalanderControl.SelectedDate.ToString("dd/MM/yyyy");
        this.litSelectedDate.Text = "The list below shows the entries that were created and logged on the " + this.ASPCalanderControl.SelectedDate.ToString("dd/MM/yyyy");
        this.DoObtainBlogs(this.ASPCalanderControl.SelectedDate);
        this.blogEntrySelectorPopup.Show();
       
       
        //query       
       
    }

---