Grid GridDateTimeColumn filter

[SDI]

We have a grid in the RadCombo and we are using a couple GridDateTimeColumns with filtering enabled. When the user clicks on the Date control to pull up the pop-up its behind the Grid and they can not select a date to filter on. Is there a z-order that needs set here?

Thanks!

<telerik:RadComboBox runat="server" ID="RadComboSubEvents" CheckBoxes="true" Width="98%">
    <ItemTemplate>
        <telerik:RadGrid runat="server" ID="RadGridSubEvents" OnNeedDataSource="RadGridSubEvents_NeedDataSource" AllowMultiRowSelection="true">
            <MasterTableView NoMasterRecordsText="There are not any events created" AutoGenerateColumns="False" DataKeyNames="EventSubId, Name, StartDate, EndDate"
                Width="100%" ClientDataKeyNames="EventSubId, Name, StartDate, EndDate" TableLayout="Fixed" AllowFilteringByColumn="true" >
                <Columns>
                    <telerik:GridClientSelectColumn UniqueName="SelectColumn">
                        <HeaderStyle Width="25px" />
                        <ItemStyle Width="25px" />
                    </telerik:GridClientSelectColumn>
                    <telerik:GridBoundColumn HeaderText="EventSubId" DataField="EventSubId" UniqueName="EventSubId" Display="false" />
                    <telerik:GridBoundColumn HeaderText="Name" DataField="Name" UniqueName="Name" FilterControlWidth="250px">
                        <HeaderStyle Width="300px" />
                        <ItemStyle Width="300px" Wrap="true" />
                    </telerik:GridBoundColumn>
                    <telerik:GridDateTimeColumn HeaderText="Start Date" DataField="StartDate" UniqueName="StartDate" DataFormatString="{0:M/d/yyyy}" DataType="System.DateTime">
                        <HeaderStyle Width="75px" HorizontalAlign="Right" />
                        <ItemStyle Width="75px" Wrap="false" HorizontalAlign="Right" />
                    </telerik:GridDateTimeColumn>
                    <telerik:GridDateTimeColumn HeaderText="End Date" DataField="EndDate" UniqueName="EndDate" DataFormatString="{0:M/d/yyyy}" DataType="System.DateTime" >
                        <HeaderStyle Width="75px" HorizontalAlign="Right" />
                        <ItemStyle Width="75px" Wrap="false" HorizontalAlign="Right" />
                    </telerik:GridDateTimeColumn>
                </Columns>
            </MasterTableView>
            <ClientSettings>
                <Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true" />
            </ClientSettings>
        </telerik:RadGrid>
    </ItemTemplate>
    <Items>
        <telerik:RadComboBoxItem runat="server" Text=" "></telerik:RadComboBoxItem>
    </Items>
</telerik:RadComboBox>

[Boyan Dimitrov]

Hello,

I would like to clarify that this behavior is due to the fact that the RadComboBox drop down area has a z-index value. Therefore you have to apply higher value of your pop-up calendar in order to appear on the top of the drop down area. Please use the following styles to avoid that problem.
//css

<style type="text/css">
        .RadCalendarPopup {
            z-index: 7000 !important;
        }
    </style>

Regards,
Boyan Dimitrov
Telerik