RadCombo dropdown displays on base window, rather than popup.

[JT]

I'm using a RadWindow (rw_viewUpload) which pops up and displays a RadCombo box (sel_DocType), among other things. The popup RadWindow works fine, the ComboBox its self displays fine, but when the RadCombo is selected it paints the dropdown menues on the base page, behind the popup RadWindow, rather than in the RadWindow as it should. My code is as follows. Any help appreciated, thanks. 

<telerik:RadWindow 
            ID="rw_viewUpload" runat="server" Modal="true" CenterIfModal="true" 
            Title="Upload Documents" Behaviors="Close,Move" Width="750px" Height="500px" >
            
<ContentTemplate> <P><B>Upload Documents:</B></P>
            <table id="tbl_Upload"> <tr> <td class="labelCol">
                    <asp:Label ID="Label1"  runat="server"  AssociatedControlID="rau_receipt" Text="Attach receipts / logs / misc:" />
                </td> <td>
                    <telerik:RadAsyncUpload 
                        ID="rau_receipt" runat="server" Width="99%"  MultipleFileSelection="Disabled" MaxFileInputsCount="1" 
                        AllowedFileExtensions=".pdf" AllowedMimeTypes=".pdf" PostbackTriggers="btn_claimSave,btn_claimReset" />
                    
                     <telerik:RadComboBox 
                        ID="sel_DocType" 
                        RenderMode="Lightweight" 
                        runat="server" 
                        MarkFirstMatch="true" 
                        EmptyMessage="Select a Document Type" 
                        AutoPostBack="true" 
                        OnSelectedIndexChanged="sel_DocType_SelectedIndexChanged" 
                        ExpandDirection="Down" 
                        EnableScreenBoundaryDetection="false"
                        EnableVirtualScrolling="true" 
                        ToolTip="Select Document Type" 
                        Height="150px" 
                        DropDownAutoWidth="Enabled" />

                </td></tr></table>
   </ContentTemplate>
    </telerik:RadWindow>

[JT]

Followup:
See attached image with the dropdown portion displayed behind the bind the popup (as circled).

[Dimitar]

Hi,

The issue is not reproducible on my side with the provided markup and the Telerik UI for ASP.NET AJAX version specified - 2015.1.225. The following screenshot shows the layout on my side. I have tested this scenario in Firefox, Chrome, Opera, IE10.

Could you specify what version is used on your side and which browser could be used for reproducing the issue?

Regards,
Dimitar
Telerik

 

 

[JT]

Hi Dimitar,
Thank you for getting back with me.  My Telerik ASP.NET Ajax VSExtensions was version 2015.1.224.0. I upgraded to 2015.2.317.0 and the problem persists. The problem is exhibited in all the platforms I have access to:
 - IE 9.0.8112.16421
 - Firefox 36.0.1
 - Chrome 41.0.2272.89 (and after upgrading to 41.0.2272.101)

Is it perhaps a problem with the RadWindow which contains the RadComboBox, rather than the RadComboBox its self; maybe something I muddled in the AJAX or Telerik References (as below)? Note my code-behind isn't
really using or doing anything with "rg_claims", and perhaps it should; This is my first time using Telerik, and I'm still trying to figure out the details of how elements are supposed to interact.

<asp:Content ID="Content1" ContentPlaceHolderID="theStylesheets" runat="server">
    <link href="myStyleSheet.css" rel="stylesheet" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="theScripts" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="MainContent" runat="server">
    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy" runat="server">
        <AjaxSettings>

                <telerik:AjaxSetting AjaxControlID="rg_claims">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rw_viewUpload" />
                    </UpdatedControls>
                </telerik:AjaxSetting>

            <telerik:AjaxSetting AjaxControlID="btn_UploadDoc">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="rw_ViewUpload" />
                </UpdatedControls>
            </telerik:AjaxSetting>

         </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
    <telerik:RadWindowManager ID="RadWindowManager" runat="server" />
    <telerik:RadWindowManager ID="RadWindowManager" runat="server" />
    <telerik:RadFormDecorator ID="RadFormDecorator" Runat="server"
        DecoratedControls="All" EnableRoundedCorners="False" />

And, just for reference, here is the RadWindow and RadComboBox code again, this time formatted nicer:

   <telerik:RadWindow
        ID="rw_viewUpload"          runat="server"
        Modal="true"                CenterIfModal="true"
        Title="Upload Documents"    Behaviors="Close,Move"
        VisibleStatusbar="false"    Width="750px"
        Height="500px"              KeepInScreenBounds="true">

        <ContentTemplate>

        <p><b>Upload Documents:</b></p>
        <table id="tbl_Upload"><tr><td class="labelCol">

                <asp:Label ID="Label1"
                    runat="server"  AssociatedControlID="rau_receipt"
                    Text="Attach receipts / logs / misc:" />

            </td><td>

                <telerik:RadAsyncUpload
                    ID="rau_receipt"        runat="server"
                    Width="99%"             MultipleFileSelection="Disabled"
                    MaxFileInputsCount="1"  AllowedFileExtensions=".pdf"
                    AllowedMimeTypes=".pdf"
                    PostbackTriggers="btn_claimSave,btn_claimReset" />

                <telerik:RadComboBox
                    ID="sel_DocType"        RenderMode="Lightweight"
                    runat="server"          MarkFirstMatch="true"
                    EmptyMessage="Select a Document Type"
                    AutoPostBack="true"     DropDownAutoWidth="Enabled"
                    ExpandDirection="Down"  ToolTip="Select Document Type"
                    ZIndex="9000"           EnableVirtualScrolling="true"
                    Height="150px"          EnableScreenBoundaryDetection="false"
                    OnSelectedIndexChanged="sel_DocType_SelectedIndexChanged"/>

            </td></tr></table>
    </ContentTemplate>
</telerik:RadWindow>

[Dimitar]

Hi,

The issue is not reproducible on my side with the code provided. I am sending you a sample that I use for testing. Could you change it so that the issue is reproducible with it? It would most probably help you find the cause for the issue.

In addition, I see that you have some custom CSS applied. Is the issue reproducible without it? Comment those styles and test again.

If you do not succeed in fixing the issue, could you send back an updated sample that could be used to reproduce the issue on our side? You could upload it in Dropbox for example, as forums do not allow you to upload projects and pages.

And last, but not least, version 2015.2.317 is an internal build and it is not recommended for production, just for testing purposes.

Regards,
Dimitar
Telerik

 

 

[JT]

Hi Dimitar,
I will follow your suggestion, and look at into the custom .css and I will work with the code you attached.

If I do not find a solution after looking into these areas, I'll need to look into how to use our corporate file transfer site to send you code, since dropbox is not allowed through our firewall. I don't want to relay the details of our transfer site on a public forum, so how do I directly send this information to you?

Per the Telerik revision discrepancy, when you told me version 2015.1.255 was the latest version I looked in VS 2012's "Extensions and updates" and saw my version was 2015.1.224. I also saw there was an update to Telerik waiting, so I updated. This updated me to version 2015.2.317.0 (see attached VS2012UpdateScreen.jpg).  When I click the “More Information” link as shown on this image, it takes me to the details page as shown in attached image “MicrosoftWebpage.jpg”.  This page shows revision 2015.1.224 leading to revision 2015.2.317, with no mention of revision 2015.1.255.    On the other hand, when I check through my Telerik Control panel, it shows version 2015.1.255 is what is installed. See attached image TelerikControlPanel.jpg (the name of our purchasing agent is blurred to prevent social engineering attempts). So my questions are, 1) what is the best way to get version 2015.1.255; do I uninstall from VS and re-install from Telerik Control Panel, or uninstall from Telerik Control Panel, and reinstall? I’m concerned that if I uninstall from Telerik Control panel there might be problems, since Telerik Control panel only seems to be aware of version 2015.1.255, and not my real version.   2) Since I’m using Visual Studios update notifications to let me know when/what to update, how to I prevent getting the wrong release “stream” in the future?

Thanks,
-John

[Dimitar]

Hi John,

If you need to send us a runnable project, you should send a support ticket with the project attached.

As for the versions discrepancy, version 255 is the Telerik UI for ASP.NET AJAX version. The other two versions are VS Extensions ones, so you have nothing to worry about. Version 2015.2.317 is the latest version for the Extensions.

Regards,
Dimitar
Telerik

 

 

[JT]

I found my problem, and it was unrelated to Telerik. Some.css was setting the zindex of RadWindow to 9500 which placed it in front of the RadMenu. I had even looked for this issue, but I wasn't looking in the correct .css file, so I missed it.