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

Getting Breadcrumb to act like Windows Explorer breadcrumb

5 Answers 352 Views
Treeview
This is a migrated thread and some comments may be shown as answers.
Matt
Top achievements
Rank 1
Matt asked on 26 Mar 2018, 02:12 PM

Hello,

I am attempting to create a very simple Windows Explorer-like interface for a training program. This program consists of a treeview on the left, a listview on the right, and a breadcrumb along the top. When a user clicks on a node in the treeview, the listview is updated with a list of the folder's contents (files only). However, the breadcrumb I have attached to the treeview doesn't act at all as I expected. It appears to act like just a list of menus, whereas I want it to act like Windows File Explorer and be a button that takes the user to whatever folder is clicked, and then not show anything other than the total path to the folder selected on the treeview. I can't seem to find a setting that allows this.

 

How do I get the breadcrumb to act like Windows File Explorer?

 

Thanks,

Matt

5 Answers, 1 is accepted

Sort by
0
Accepted
Hristo
Telerik team
answered on 27 Mar 2018, 10:56 AM
Hi Matt,

Thank you for writing.

The RadBreadCumb control is internally working with split button elements. These elements are created dynamically depending on the selection in the tree. The split buttons are by design opening the drop-down whenever they detect a click no matter if the click has been invoked on the action or arrow part of the button. Achieving the desired behavior is possible and for the purpose, you will need to create a custom breadcumb control.

I am sending you attached my test project which should get you going. I am assuming that you would also need to rotate the arrow images horizontally and this can be achieved in the SelectedNodeChanged event of the tree. Additionally, you can also check our File Explorer example in the Demo application: Demo Application --> Panorama --> Demo Apps Hub --> File Explorer.

I hope this helps. Let me know if you have other questions.

Regards,
Hristo
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Matt
Top achievements
Rank 1
answered on 27 Mar 2018, 07:01 PM

Hello,

I had some problems with the project (the references were messed up) but I was able to translate your work into VB.Net and it works very well. Thanks!

0
Hristo
Telerik team
answered on 28 Mar 2018, 06:43 AM
Hello Matt,

I am glad that the suggested approach works well for your actual project. We also have an online converter which can help in translating C# to VB.NEt and vice versa: http://converter.telerik.com.

Let me know if you need further assistance.

Regards,
Hristo
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Hristo
Telerik team
answered on 01 Jun 2018, 11:20 AM
Hello Matt,

I just want to update you that we have decided to add a new mode in RadBreadCrumb. The new feature would allow selections of tree nodes upon clicking on the action part of the split buttons. The item is logged here: ADD. RadBreadCrumb - expose a new mode which will perform a selection in the associated tree view upon clicking on the action part of the split button.

We will do our best to add the new mode in the R2 2018 SP1 release scheduled for the middle of June.

Regards,
Hristo
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Matt
Top achievements
Rank 1
answered on 04 Jun 2018, 01:44 PM
Awesome, thanks!
Tags
Treeview
Asked by
Matt
Top achievements
Rank 1
Answers by
Hristo
Telerik team
Matt
Top achievements
Rank 1
Share this question
or