Hi Steve,

I forgot to mention that you may change/disable default overlfow:auto of dialog by following property:

<ContentPane ScrollBars="Visible">.

In this case some children can be rendered outside of dialog. It can be used if dialog is not resizable and has small content (content pane does not have scrollbars).

Hi sir,

 i have kept  the webdatepicker inside the webdialog window,

but it's not fully visible in the area because dialog window size is toll small and resizing is also not

allow. which property should i set to make control fully visible inside the dialog window?

<ig:WebDatePicker runat="server" ID="DateVal" Font-Size="Small" EditMode="CalendarOnly"
                    Buttons-CellSpacing="0" Font-Names="vardena" Height="12" Width="100">                   
                    <Buttons ButtonCssClass="datetd">
                      <CustomButton ImageUrl="../../../..//Calendar.png" />
                    </Buttons>                   
                  </ig:WebDatePicker>

Thanks.

Hi Mypost,

Can you clarify what exactly not "fully visible"? WebDatePicker by itself or its drop-down calendar?

Your codes do not contain dialog, so it is hard to guess details of layout. I suggest you to create simplest as possible aspx which contains dialog and datepicker, zip it and attach within Options tab.

Drop Down calender is not fully visible.

Thanks.

Hi Vivek,

I copied your codes into aspx (content of master) and tested. It worked without problems. Calendar was not displayed on load.

The only change I did, was to add chopped ending for WebDatePicker (probably copy/paste failure) and removed WindowState="Hidden" from dialog. If dialog was hidden, then page was blank.

I think that you do same steps like mine, then you will have same result.

Maybe your application has some other logic or content which changes functionality.

Hi Viktor,

See my code i put webdatepicker inside webdialog window and web month calendar outside the webdialog.

But when my page loads then i see the webmonth calendar on page and dropdown click shows it up that is fine but it should not visible at page load.

My code is given below: 

<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">

  <asp:UpdatePanel ID="DialogWindowUpdatePanel" runat="server" UpdateMode="Conditional">

    <ContentTemplate>

      <ig:WebDialogWindow runat="server" ID="DescriptionWindow" Height="200px"

        Width="300px" Modal="true" MaintainLocationOnScroll="true" InitialLocation="Centered"

        UseBodyAsParent="true" WindowState="Hidden">

        <Header CaptionText="Description">

        </Header>

        <ContentPane ScrollBars="Hidden">

          <Template>

            <table id="pnl" runat="server" clientidmode="Static">

 <tr><td>

                    <ig:WebDatePicker runat="server" ID="dtp1"   

                             DropDownCalendarID="WebMonthCalandar1"   Height="22

                   </ig:WebDatePicker>

</td></tr>

</table>

</template>

</ContentPane>

      </ig:WebDialogWindow>

    </ContentTemplate>

  </asp:UpdatePanel>

<ig:WebMonthCalendar runat ="server" ID="WebMonthCalandar1"></ig:WebMonthCalendar>

Hi Vivek,

It is hard to guess what is wrong. Please write a simple sample (aspx file is enough), zip it and attach within Options tab, so, I can look at that and test how it runs.

If calendar is visible on load, then that it means that WebDatePicker on client was not able to find reference on client to calendar. The reason can be with the value of ID or WebDatePicker is not loaded on initialization on page.

Hi Viktor,

I am facing same problem  of partially visibility of webdatepicker inside webdialog window. I applied you solution and added a webdatemonthcalander and gave that id in webdropdownid of webdatepicker.

But as my page loads, webdatemonth calendar gets visible ,it should only be visible when user clicks on dropdown.

Please suggest.

Regards,

Vivek

Hi Mypost,

If that happens, then it means that application probably uses custom drop-down calendar (DropDownCalendarID ), which is a child of dialog.
In order to keep content inside of its bounds, the dialog uses overflow:hidden/auto. To show calendar on top of dialog, application has 2 options:

1. Do no use DropDownCalendarID, so, default shared calendar will be used automatically.
2. Move WebMonthCalendar (which represents DropDownCalendarID) outside of WebDialogWindow. Preferrably to the very bottom/end of page/form. WebDatePicker on client will try to find reference to that calendar on client.