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

Need a 'Drop Up' Tree

5 Answers 35 Views
DropDownTree
This is a migrated thread and some comments may be shown as answers.
Dan Ehrmann
Top achievements
Rank 1
Dan Ehrmann asked on 27 May 2014, 09:20 PM
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?

5 Answers, 1 is accepted

Sort by
0
Peter Filipov
Telerik team
answered on 29 May 2014, 07:48 AM
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.

 
0
Dan Ehrmann
Top achievements
Rank 1
answered on 29 May 2014, 12:43 PM
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;
}
0
Peter Filipov
Telerik team
answered on 03 Jun 2014, 07:10 AM
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.

 
0
Dan
Top achievements
Rank 1
answered on 18 Oct 2018, 10:54 PM
Did this ever get implemented?  Could really use it right now, but doesn't seem to work
0
Peter Milchev
Telerik team
answered on 23 Oct 2018, 02:50 PM
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.
Tags
DropDownTree
Asked by
Dan Ehrmann
Top achievements
Rank 1
Answers by
Peter Filipov
Telerik team
Dan Ehrmann
Top achievements
Rank 1
Dan
Top achievements
Rank 1
Peter Milchev
Telerik team
Share this question
or