Getting Breadcrumb to act like Windows Explorer breadcrumb

6 posts, 1 answers
  1. Matt
    Matt avatar
    13 posts
    Member since:
    Mar 2018

    Posted 26 Mar 2018 Link to this post

    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

  2. Answer
    Hristo
    Admin
    Hristo avatar
    1508 posts

    Posted 27 Mar 2018 Link to this post

    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.
  3. Matt
    Matt avatar
    13 posts
    Member since:
    Mar 2018

    Posted 27 Mar 2018 Link to this post

    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!

  4. Hristo
    Admin
    Hristo avatar
    1508 posts

    Posted 28 Mar 2018 Link to this post

    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.
  5. Hristo
    Admin
    Hristo avatar
    1508 posts

    Posted 01 Jun 2018 Link to this post

    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.
  6. Matt
    Matt avatar
    13 posts
    Member since:
    Mar 2018

    Posted 04 Jun 2018 in reply to Hristo Link to this post

    Awesome, thanks!
Back to Top