This is a migrated thread and some comments may be shown as answers.

RadCombo dropdown displays on base window, rather than popup.

7 Answers 274 Views

ComboBox

This is a migrated thread and some comments may be shown as answers.

JT asked on 19 Mar 2015, 05:39 PM

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>

7 Answers, 1 is accepted

answered on 20 Mar 2015, 05:46 PM

radcomboissue2.jpg

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: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>

answered on 21 Mar 2015, 09:09 AM

ComboInWindow.zip

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

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

answered on 23 Mar 2015, 04:31 PM

microsoftwebpage.jpg

telerikcontrolpanel.jpg

vs2012updatescreen.jpg

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