Issue with RadDropDownTree in a table

5 posts, 0 answers
  1. Ron
    Ron avatar
    7 posts
    Member since:
    Oct 2010

    Posted 25 Jun 2013 Link to this post

    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>
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 25 Jun 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Stephen
    Stephen avatar
    2 posts
    Member since:
    May 2013

    Posted 09 Oct 2015 in reply to Shinu Link to this post

    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>

  5. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 14 Oct 2015 Link to this post

    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
  6. Stephen
    Stephen avatar
    2 posts
    Member since:
    May 2013

    Posted 14 Oct 2015 in reply to Peter Filipov Link to this post

    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.

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017