Need a 'Drop Up' Tree

6 posts, 0 answers
  1. Dan Ehrmann
    Dan Ehrmann avatar
    166 posts
    Member since:
    Jul 2004

    Posted 27 May 2014 Link to this post

    I need to make my DropDownTree expand upwards in some cases.

    RadComboBox seems to deal with this automatically - it changes directions when there isn't enough space. And it has an ExpandDirection property which can be manually set. Is there something I can do to achieve this in a DropDownTree?
  2. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 29 May 2014 Link to this post

    Hi Dan,

    The control does not implement the requested feature. Your suggestion is logged into our internal tracking system and it will be implemented as soon as we could. I have updated your Telerik points. Until then, you could use the following workaround(add the below code to your project):
    Telerik.Web.UI.RadDropDownTree.prototype.openDropDown = function () {
        if (!this._onDropDownOpening()) {
            this._dropDown.show(this._element, true);
            this._onDropDownOpened();
        }
    }
    Keep in mind that DropDownSettings-Height property should be set too.

    Regards,
    Peter Filipov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. Dan Ehrmann
    Dan Ehrmann avatar
    166 posts
    Member since:
    Jul 2004

    Posted 29 May 2014 in reply to Peter Filipov Link to this post

    That works perfectly - thanx.

    I noticed a small problem - when using auto-width and a specified height, if you expand the tree so that scroll bars are necessary within the drop-down, the width does not adjust to accommodate the vertical scroll bar, so a horizontal scroll bar also appears. I resolved this by adding some padding:

    .rddtScroll {
        padding-right:20px;
    }
  4. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 03 Jun 2014 Link to this post

    Hi Dan,

    I am glad to hear that everything is working fine with the applied styles. When we implement the feature will have in mind that visual glitches.

    Regards,
    Peter Filipov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  5. Dan
    Dan avatar
    139 posts
    Member since:
    Feb 2011

    Posted 18 Oct 2018 Link to this post

    Did this ever get implemented?  Could really use it right now, but doesn't seem to work
  6. Peter Milchev
    Admin
    Peter Milchev avatar
    898 posts

    Posted 23 Oct 2018 Link to this post

    Hello Dan,

    You can try the approach in the newly created KB article: Configure RadDropDownTree to open its dropdown upwards.

    <script>
        Telerik.Web.UI.RadDropDownTree.prototype.openDropDown = function (e) {
            this._dropDown.set_direction(Telerik.Web.UI.jSlideDirection.Up);
            this._dropDown.show();
        }
    </script>

    Regards,
    Peter Milchev
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top