RadWindow breaks RadListBox

6 posts, 0 answers
  1. Steve Marks
    Steve Marks avatar
    8 posts
    Member since:
    Jul 2009

    Posted 20 Nov 2009 Link to this post

    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


     
  2. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 23 Nov 2009 Link to this post

    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.
  3. Steve Marks
    Steve Marks avatar
    8 posts
    Member since:
    Jul 2009

    Posted 24 Nov 2009 Link to this post

    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> 


  4. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 25 Nov 2009 Link to this post

    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.
  5. Scott Cameron
    Scott Cameron avatar
    1 posts
    Member since:
    Dec 2009

    Posted 21 Dec 2009 Link to this post

    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.

  6. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 22 Dec 2009 Link to this post

    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.
Back to Top