RadComboBox dropdown invisible in RadWindow

[Steven Harrap]

Hi

I have a couple of RadComboBoxes and some RadGrids in a RadWindow using an .aspx file as its url (ie the content is in an iFrame).

Whenever I click the RadComboxBox or use the filters on the RadGrids the expanding menus are invisible - I can see the content of the page behind the window where the menus should be.

I have disabled all my style sheets and it the problem still persists.

The attached jpg is an example of this.

Does anyone have a work-around or solution to this problem?

Cheers,
Steven.

[Kamen Bundev]

Hello Steven,

This is an IE6/7 bug that happens when you have a filter somewhere in your page, an iframe (RadWindow) in it and another iframe with a filter in there (RadComboBox has a hidden with filter: alpha iframe that ensures that the drop down will cover normal select boxes in IE6 and flash), in this case the innermost filter drills down the iframe so the elements underneath it become visible. Do you have any filters applied on you page? Or better yet, can you open a support ticket and send a sample project or a live URL so we can check what is happening?

Best wishes,
Kamen Bundev
the Telerik team

[Steven Harrap]

Unfortunatly I am unable to post a ticket however I believe I have solved the problem...

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Opacity="99">
     <Windows>
          <telerik:RadWindow ID="RadWindow1" runat="server" Modal="true"
             VisibleOnPageLoad="true" Width="400" Height="400"
             NavigateUrl="WindowContents.aspx">
           </telerik:RadWindow>
     </Windows>
</telerik:RadWindowManager>

I had not noticed that I was adding in the attribute "Opacity='99' to the RadWindowManager  element. (I'm not sure how it got there in the first place). After removing it everything works fine. Before this I was about to use this peice of javascript in desperation:

$(document).ready(function() {
   fixMenus();
});

function fixMenus() {
     var rcbSlideDivs = document.getElementsByTagName("div");
     for (var i = 0; i < rcbSlideDivs.length; i++) {
        var rcbSlideDiv = rcbSlideDivs[i];

        if ((rcbSlideDiv.className == "rcbSlide") ||
           (rcbSlideDiv.className.search("RadMenu RadMenu_Telerik RadMenu_Context RadMenu_Telerik_Context") > -1))
        {
        var iframes = rcbSlideDiv.getElementsByTagName("iframe");
        if (iframes.length > 0) {
            iframes[0].style.filter = "none";
        }
     }
  }

  setTimeout(fixMenus, 1000);
}

Allthough it is now pointless its purpose was to hunt through the current document once a second and find any iframes in divs with a specific class name (looking for RadCombos and RadGrids). When it found one it would turn off the transparency filter. Perhaps your next release could do something along the lines of this so that they work properly in IE. BTW I am using IE8 so the problem still exists beyond ie 6/7.

Cheers,
Steven.

[Kamen Bundev]

Hi Steven,

The bug may appear in IE8 if the document is rendered in Compatibility mode or Quirksmode. I'm glad you've solved it!

Unfortunately its a browser bug and we can't just universally fix it. If we scan the document and remove any filters set there, we may remove some which are set by the user on purpose and we don't want that. Plus this scenario is rather rare, so we prefer to handle the specific cases.

Sincerely yours,
Kamen Bundev
the Telerik team