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

Issue with RadDropDownTree in a table

4 Answers 211 Views
DropDownTree
This is a migrated thread and some comments may be shown as answers.
Ron
Top achievements
Rank 1
Ron asked on 25 Jun 2013, 03:51 PM
Hi,

I'm having an issue with RadDropDownTable when placed in a table.. When I select/check multiple leaves in the control, the container of the control expands/shortens based on the selection .. Any idea on how to resolve this?

Here is the code im using.

<div>
        <table style="background: lightblue;">
                <tr>
                    <td>
                        <span class="Label"><b>Module: </b></span>
                       <telerik:RadDropDownTree runat="server" ID="ModuleDropDownTree" CheckBoxes="SingleCheck"
                            Width="150px" EnableViewState="False" DataFieldID="ModuleID" DataFieldParentID="parentModuleID" DataSourceID="SqlDataSource1" DataTextField="Name" DataValueField="ModuleID">
                       </telerik:RadDropDownTree>
                    </td>
                    <td>
                        <span class="Label"><b>Modes: </b></span>
                        <asp:RadioButton ID="AutoCheckBox" Text="Automated" runat="server" AutoPostBack="false"/>
                        <asp:RadioButton ID="ManualCheckBox" Text="Manual" runat="server" AutoPostBack="false" />
                        <asp:RadioButton ID="AMCheckBox" Text="Both" runat="server" AutoPostBack="false" />
                    </td>
                    <td>
                        <asp:LinkButton runat="server" Text="Clear" ForeColor="White" />
                    </td>
                </tr>
            </table>
    </div>

4 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 26 Jun 2013, 04:27 AM
Hi Ron,

I guess you want a fixed height and width for the drop down of the RadDropDownTree. Try setting the height and width property in the DropDownSettings as follows.

ASPX:
<telerik:RadDropDownTree runat="server" ID="ModuleDropDownTree" CheckBoxes="SingleCheck"
    Width="150px" EnableViewState="False" DataFieldID="ModuleID" DataFieldParentID="parentModuleID"
    DataSourceID="SqlDataSource1" DataTextField="Name" DataValueField="ModuleID">
    <DropDownSettings Height="100px" Width="200px" />
</telerik:RadDropDownTree>

Thanks,
Shinu.
0
Stephen
Top achievements
Rank 1
answered on 09 Oct 2015, 03:06 PM

Hi,

I'm also seeing this same issue and even setting as many width parameters as I can, the issue still persists.

It looks like the delimited control entries in the dropdowntree header is causing the expansion here.

This is a trimmed version of some of my code to give you an example of the nested tables and dropdowntree control within and how I tried to force the width.

So the issue seems that even though the dropdown appears ok, it actually pushes the other controls off the page once you check more and more items in the control...(see attached screenshot "raddropdowntree_expansion_issue.png").

Thanks in advance for any and all help you might have here.

 

                <asp:Panel ID="QueryPanel" GroupingText="Tenant Query" runat="server" Height="320px">
                    <div><b>Choose your Fabric Tenant, Subtenant and/or project to filter your changeset results</b></div>
                    <div>&nbsp</div>
                    <asp:Table runat="server">
                        <asp:TableRow>
                            <asp:TableCell Text="Project"></asp:TableCell>
                        </asp:TableRow>
                        <asp:TableRow>
                            <asp:TableCell>
                                <telerik:RadDropDownTree ID="RadProjectDropDownList" runat="server" DataSourceID="SqlDataSourceProjects" DataTextField="Project" DataValueField="Project" CheckBoxes="SingleCheck" ButtonSettings-ShowCheckAll="true" EntriesDelimiter="','" Width="140pt" EnableViewState="false" DropDownSettings-Width="140pt" DropDownSettings-AutoWidth="Disabled"><DropDownSettings Width="100pt" /><DropDownSettings AutoWidth="Disabled" /><DropDownSettings Width="140pt" /></telerik:RadDropDownTree>
                            </asp:TableCell>
                        </asp:TableRow>
                        </asp:Table>

0
Peter Filipov
Telerik team
answered on 14 Oct 2015, 07:33 AM
Hi Stephen,

It seems that the problem comes in IE7 mode and its specifics. To resolve the issue you need to add the following style:
html .RadDropDownTree {
    *overflow:hidden;
}


Regards,
Peter Filipov
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Stephen
Top achievements
Rank 1
answered on 14 Oct 2015, 09:36 AM

Peter, thank you very much for your support here.

After you sent me the fix in the original thread, I applied it and it worked.

I also removed the fix and played with the IE compatibility settings and found that IE was indeed causing the problem as you alluded to (as it was set to view "intranet" sites in compatibility mode), which was causing this problem for my users.

My sincere thanks to you for your help here in solving this issue for me and those that rely on the site I'm creating.

Very much appreciated.

Stephen.

Tags
DropDownTree
Asked by
Ron
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Stephen
Top achievements
Rank 1
Peter Filipov
Telerik team
Share this question
or