Issue with RadDropDownTree in a table

[Ron]

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>

[Shinu]

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.

[Stephen]

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>

[Peter Filipov]

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

[Stephen]

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.