RadPanelBar with RadTreeView in FireFox Bug

2 posts, 0 answers
  1. M A
    M A avatar
    4 posts
    Member since:
    Dec 2009

    Posted 04 Dec 2011 Link to this post


    I have a RadPanelBar with multiple items. In one of them I have 2 RadTreeView items in the item template. One is for Available and the other for Selected items.  The transfer back and forth of nodes work in IE as expected, but  fails in both Chrome and Firefox.

    Thanks and regards,

    M

    Here's the code:

    <radTS:RadPanelItem  runat="server" Text="Filters" Enabled="True">
                                                            <Items>
                                                                <radTS:RadPanelItem runat="server" Value="FiltersTemplatedItem" >
                                                                    
    <radTS:RadPanelItem  runat="server" Text="Filters" Enabled="True">
                                                            <Items>
                                                                <radTS:RadPanelItem runat="server" Value="FiltersTemplatedItem" >
                                                                    <ItemTemplate>
                                                                        <!-- Filters -->
                                                                        <div class="prop_item_wrap">
                                                                              
                                                                            <table ID="Table1"  cellpadding="0" cellspacing="0" 
                                                                                class="tbl_filters">
                                                                                <tr>
                                                                                    <td>
                                                                                        Available:</td>
                                                                                    <td>
                                                                                         </td>
                                                                                    <td>
                                                                                        Selected:</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td class="available_fields">
                                                                                        <asp:Panel ID="PanelAvailable" runat="server">
                                                                                         
                                                                                            <radTS:RadTreeView   ID="RadTreeViewAvailable" runat="server" multipleselect="true" BorderColor="#888888" BorderStyle="Solid" BorderWidth="1px"  Height="300px" Width="250px" Skin="Windows7" >
                                                                                            </radTS:RadTreeView>
                                                                                        </asp:Panel>
                                                                                    </td>
                                                                                    <td class="hierarchy_btns">
                                                                                        <table cellpadding="0" cellspacing="0">
                                                                                            <tr>
                                                                                                <td>
                                                                                                     </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td>
                                                                                                    <button ID="FilterMoveRight" runat="server" disabled="disabled">
                                                                                                        >
                                                                                                    </button>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td>
                                                                                                    <button ID="FilterMoveLeft" runat="server" disabled="disabled">
                                                                                                        <
                                                                                                    </button>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td>
                                                                                                    <button ID="FilterMoveAllRight" runat="server">
                                                                                                        >>
                                                                                                    </button>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td>
                                                                                                    <button ID="FilterMoveAllLeft" runat="server">
                                                                                                        <<
                                                                                                    </button>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td>
                                                                                                     </td>
                                                                                            </tr>
                                                                                        </table>
                                                                                    </td>
                                                                                    <td class="selected_fields">
                                                                                        <asp:Panel ID="PanelSelected" runat="server">
                                                                                            <radTS:RadTreeView ID="RadTreeViewSelected"  runat="server"  MultipleSelect="true" BorderColor="#888888" BorderStyle="Solid" BorderWidth="1px"  Width="250px"
                                                                                                 Height="300px" Skin="Windows7">
                                                                                            </radTS:RadTreeView>
                                                                                        </asp:Panel>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                            <asp:HiddenField ID="txtSelectedTreeViewDirty" Value="" runat="server" />
                                                                        </div>
                                                                    </ItemTemplate>
                                                                </radTS:RadPanelItem>
                                                            </Items>
                                                        </radTS:RadPanelItem>
    <ItemTemplate>
                                                                        <!-- Filters -->
                                                                        <div class="prop_item_wrap">
                                                                              
                                                                            <table ID="Table1"  cellpadding="0" cellspacing="0" 
                                                                                class="tbl_filters">
                                                                                <tr>
                                                                                    <td>
                                                                                        Available:</td>
                                                                                    <td>
                                                                                         </td>
                                                                                    <td>
                                                                                        Selected:</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td class="available_fields">
                                                                                        <asp:Panel ID="PanelAvailable" runat="server">
                                                                                         
                                                                                            <radTS:RadTreeView   ID="RadTreeViewAvailable" runat="server" multipleselect="true" Skin="Windows7" >
                                                                                            </radTS:RadTreeView>
                                                                                        </asp:Panel>
                                                                                    </td>
                                                                                    <td class="hierarchy_btns">
                                                                                        <table cellpadding="0" cellspacing="0">
                                                                                            <tr>
                                                                                                <td>
                                                                                                     </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td>
                                                                                                    <button ID="FilterMoveRight" runat="server" disabled="disabled">
                                                                                                        >
                                                                                                    </button>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td>
                                                                                                    <button ID="FilterMoveLeft" runat="server" disabled="disabled">
                                                                                                        <
                                                                                                    </button>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td>
                                                                                                    <button ID="FilterMoveAllRight" runat="server">
                                                                                                        >>
                                                                                                    </button>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td>
                                                                                                    <button ID="FilterMoveAllLeft" runat="server">
                                                                                                        <<
                                                                                                    </button>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td>
                                                                                                     </td>
                                                                                            </tr>
                                                                                        </table>
                                                                                    </td>
                                                                                    <td class="selected_fields">
                                                                                        <asp:Panel ID="PanelSelected" runat="server">
                                                                                            <radTS:RadTreeView ID="RadTreeViewSelected"  runat="server"  MultipleSelect="true" Skin="Windows7">
                                                                                            </radTS:RadTreeView>
                                                                                        </asp:Panel>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                          </div>
                                                                    </ItemTemplate>
                                                                </radTS:RadPanelItem>
                                                            </Items>
                                                        </radTS:RadPanelItem>





  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 07 Dec 2011 Link to this post

    Hello M A,

    Unfortunately the code that you pasted here is not enough for us to reproduce the issue that you encounter. Below is the markup that I tested in FF, IE and Chrome. Can you please provide some more details on your scenario so that we could be able to replicate the issue and come back to you with a suitable solution? Or simply sending us a simplified runnable project in a support ticket would be also very helpful. 
    <telerik:RadPanelBar runat="server" ID="RadPanelBar3" Width="600px" Height="500px">
                <Items>
                    <telerik:RadPanelItem runat="server" Text="Test" Value="TestPanel1">
                        <ItemTemplate>
                            <!-- Filters -->
                            <div class="prop_item_wrap">
                                <table id="Table1" cellpadding="0" cellspacing="0" class="tbl_filters">
                                    <tr>
                                        <td>
                                            Available:
                                        </td>
                                        <td>
                                        </td>
                                        <td>
                                            Selected:
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="available_fields">
                                            <asp:Panel ID="PanelAvailable" runat="server">
                                                <telerik:RadTreeView ID="RadTreeViewAvailable" runat="server" MultipleSelect="true"
                                                    BorderColor="#888888" BorderStyle="Solid" BorderWidth="1px" Height="300px" Width="250px"
                                                    Skin="Windows7">
                                                    <Nodes>
                                                    <telerik:RadTreeNode Text="node1"></telerik:RadTreeNode>
                                                    <telerik:RadTreeNode Text="node1"></telerik:RadTreeNode>
                                                    </Nodes>
                                                </telerik:RadTreeView>
                                            </asp:Panel>
                                        </td>
                                        <td class="hierarchy_btns">
                                            <table cellpadding="0" cellspacing="0">
                                                <tr>
                                                    <td>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <button id="FilterMoveRight" runat="server" disabled="disabled">
                                                            >
                                                        </button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <button id="FilterMoveLeft" runat="server" disabled="disabled">
                                                            <
                                                        </button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <button id="FilterMoveAllRight" runat="server">
                                                            >>
                                                        </button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <button id="FilterMoveAllLeft" runat="server">
                                                            <<
                                                        </button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td class="selected_fields">
                                            <asp:Panel ID="PanelSelected" runat="server">
                                                <telerik:RadTreeView ID="RadTreeViewSelected" runat="server" MultipleSelect="true"
                                                    BorderColor="#888888" BorderStyle="Solid" BorderWidth="1px" Width="250px" Height="300px"
                                                    Skin="Windows7">
                                                    <Nodes>
                                                        <telerik:RadTreeNode Text="node1">
                                                        </telerik:RadTreeNode>
                                                        <telerik:RadTreeNode Text="node2">
                                                        </telerik:RadTreeNode>
                                                    </Nodes>
                                                </telerik:RadTreeView>
                                            </asp:Panel>
                                        </td>
                                    </tr>
                                </table>
                                <asp:HiddenField ID="txtSelectedTreeViewDirty" Value="" runat="server" />
                            </div>
                        </ItemTemplate>
                    </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Test" Value="TestPanel1">
                        </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelBar>
     
    All the best,
    Kate
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top