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

RadPanelBar with RadTreeView in FireFox Bug

1 Answer 35 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
M A
Top achievements
Rank 1
M A asked on 05 Dec 2011, 03:17 AM

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>





1 Answer, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 07 Dec 2011, 12:38 PM
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
Tags
PanelBar
Asked by
M A
Top achievements
Rank 1
Answers by
Kate
Telerik team
Share this question
or