RadWindow breaks RadListBox

[Steve Marks]

Hello,

I have a RadListBox on a page where a modal RadWindow is displayed. By declaring the RadWindow in the page, the RadListBox breaks. It lists all of its content as a bulleted list and not as a ListBox. I also have RadMenus on the page that show through the RadWindow when it is opened. If I remove the RadWindow declaration, the page works fine.

Any ideas on how to fix this so the RadWindow works correctly without breaking the RadListBox?

Thanks,

Steve


 

[Georgi Tunev]

Hi Steve Marks,

You need to set a higher z-Index to the RadWindowManager or as an alternative - a lower one to the RadMenu control. More information on the subject is available here:

Controlling absolute positioning with z-index

Show RadWindow above RadMenu
Common RadWindow issues and their solution

As for the problem with RadListBox, I tried to reproduce it locally but to no avail (see attached screenshot). Please open a support ticket and send me a small sample project where the problem can be reproduced so we could investigate further.


Best wishes,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Steve Marks]

Your suggestion on the z-index fixed the problem with menus showing through the RadWindow. However, this did not fix the other issue with the RadListBox . One other important note, the RadListBox is only broken in IE 8 and not FireFox 3.5.

Creating an example to send will be difficult as the screen is built with multiple dynamically added user controls.

Here is my RadWindow declaration:

<rad:RadWindowManager ID="RadWindowManager1" ShowContentDuringLoad="false" VisibleStatusbar="false" ReloadOnShow="true"  runat="server"  >
    <Windows>
        <rad:RadWindow ID="FileUpload" runat="server" Behaviors="Close" Modal="true" Width="950" Height="590" style="z-index: 10000"  NavigateUrl="../DataManager/FileUpload.aspx" />
    </Windows>
</rad:RadWindowManager>

This declaration is contained in a parent user control that has a child user control in it with a transfer RadListBox.

Here is the transfer RadListBox declaration (inside a table):

            <tr>
                <td>
                    <rad:RadListBox ID="radListBoxSelected" runat="server" Skin="Vista" Height="120px"
                        SelectionMode="Multiple"
                        Sort="Ascending"
                        TransferMode="Move"
                        AllowTransfer="true"
                        AllowTransferOnDoubleClick="true"
                        ButtonSettings-ShowTransfer="true"
                        ButtonSettings-ShowTransferAll="true"
                        ButtonSettings-VerticalAlign="Middle"
                        EnableDragAndDrop="true"
                        TransferToID="radListBoxSource"
                        PersistClientChanges="true"
                        />

                </td>

                <td>
                    <rad:RadListBox ID="radListBoxSource" runat="server" Skin="Vista" Height="120px"
                        SelectionMode="Multiple"
                        TransferMode="Move"
                        AllowTransfer="true"
                        AllowTransferOnDoubleClick="true"
                        ButtonSettings-ShowTransfer="false"
                        ButtonSettings-ShowTransferAll="false"
                        EnableDragAndDrop="true"
                        TransferToID="radListBoxSelected"
                        />

                </td>
            </tr>

[Georgi Tunev]

Hello Steve,

The part of your code that you sent us is working fine on our side - see attached screenshot.

I am afraid that without a project that reproduces the problem we cannot be of much help. Please send us such project and we will check it right away.


Regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Scott Cameron]

I have had several similar issues when combining some of the Telerik controls on one page.  Currently I have a TabStrip and MultiPage on a page with a ListBox and a RadWindow.  If I move the RadWindow to the top of the code the RadListBox items display as bulleted list items in IE.  If I move the RadWindow to the bottom the RadListBox displays correctly but now the RadWindow looks like some one handgrenaded my page when it opened and there are random boxes everywhere. 

I have also run ino the same issue with a MultiPage and a RadEditor.  The solution in that case was to remove the RadMultiPage in favor of a Ajax Multibiew.  I have worked to put together a copy of code that replicates this issue, but I cannot send my full current project and my small examples seem to work just fine. I will post something to this conversation as soon as I have it.

[Georgi Tunev]

Hello Scott,

Do you by any chance use Internet Explorer when such problem occurs? I am asking you this because IE has a limit of 30 style tags that can be imported on the page. So if you are using for example custom skins and you are importing many stylesheets on the page, such behavior is expected. In such scenario, I would suggest to use RadStylesheetManager.

If the problem occurs with other browser’s as well, we would  suggest to use Fiddler or a similar tool and to examine the response from the server when this problem occurs.


Regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.