Current filter:
                                You should refresh the page.
                                  • Hi Team,

                                    We need to have a folder explorer as we have in the top portion of the file explorer in Windows. To be precise, we need to have something like the screenshot attached. Can you guide me if we have some control which I can readily use or guide me on how to come up with this? Any help is much appreciated.

                                    If we are able to achieve at least one of the two attached images, it will be good to start. (The full use case is having both as we have in file explorer)

                                    Thanks in advance,
                                    Alfred

                                1 Solution

                                Creation Date Importance Sort by

                                Hello,

                                Starting with version 19.1, our WPF Controls suite includes the Breadcrumb Control that allows you to achieve the functionality you described (see also Ribbon and Navigation). However, I see that you specified version 18.2 in this ticket. Would you please clarify if it is possible to upgrade your current version to 19.1?

                                Thanks,
                                Michael

                                Show all comments
                                • Alfred Manoj 06.13.2019

                                  Thanks for your reply Michael. We will check on this and let you know.

                                  In the meanwhile, one more question on this. Will we be able to customize the 'Path mode' display in the Breadcrumb Control? What i meant is in our use case the path is not a folder path. The breadcrumbs should be separated using '.' instead of ''. Are these kind of customizations possible?

                                  in short it should be :

                                  C.Users.Public.Documents in path mode.

                                  Please let us know.

                                  Regards,
                                  Alfred

                                • Dima (DevExpress Support) 06.13.2019

                                  Hello Alfred,

                                  Yes, BreadCrumbEdit has the PathSeparator property which you can use to specify a custom path separator. It will be displayed in the editor's edit box while it is in Edit Mode. See Breadcrumb Modes.

                                  Let me know if you have any further questions.

                                • Alfred Manoj 06.24.2019

                                  Hi Team,

                                  Finally, we have decided to go with the latest version of DevExpress if this meets our requirement :) Just one more question here. Does the dropdown show the list of previously selected folders?

                                  Regards,
                                  Alfred

                                • Dima (DevExpress Support) 06.24.2019

                                  Hello Alfred,

                                  Yes, BreadCrumbEdit stores navigation history in the History property. At runtime, users can click the editor's drop-down button to view these stored paths and select one to navigate to it.

                                  I would also like to inform you that we have a complete example demonstrating how to implement your task. See How To: Create a File Explorer.

                                  Do not hesitate to contact us if you have any additional questions.

                                • Alfred Manoj 06.24.2019

                                  Hi Dima,

                                  Am afraid that the link you attached is for WinForms. Can I have the link for the WPF example?

                                  Regards,
                                  Alfred

                                • Alfred Manoj 06.24.2019

                                  Also, please let me know if this history option is available in the WPF control too. Because in the link that you gave, it is directing me to WinForms. Please note that am looking for the feature in WPF.

                                  Thanks in advance,
                                  Alfred

                                • Dima (DevExpress Support) 06.24.2019

                                  Alfred, I completely misinformed you in my previous comments when referring to the WinForms BreadCrumbEdit control. Please accept my apologies. WPF BreadcrumbControl provides the SelectedItemPathSeparator property. It behaves in a similar manner to PathSeparator of BreadCrumbEdit.

                                  As for navigation history, BreadcrumbControl does not implement this feature out of the box. We will consider implementing it in the future in a manner similar to Windows Explorer's behavior.

                                  At the moment, this control's main drop-down behaves differently from the same BreadCrumbEdit's element. It allows you to switch to another node that has the same parent as the currently selected one. It is possible to implement this feature manually to store navigation history and show it in this drop-down. However, the standard capability will be lost in this case unless you separate these features somehow. For example, you can use an additional button, track keystroke, or merge source items collections to display both parallel nodes and the history. It is also not an issue as long as you have a visible parent node, so you can use its arrow to see available child nodes.

                                  The main idea of the implementation is to modify the default BreadcrumbControl template (see How to find and change an inner DevExpress control template) and create a BreadcrumbPathEdit descendant control with the required properties.

                                  Attached is a simple sample demonstrating these approaches. Please try it and let me know your result.

                                • Alfred Manoj 08.02.2019

                                  Hi Dima,

                                  Thanks for your solution. With this, I was able to get the history. But i need to have this history collection available in the ViewModel too since we need to have front, back and up navigation buttons in the screen and navigate in the history accordingly. Can you guide us on how to achieve this?

                                  I have attached a screenshot of the buttons we are talking about. We need to have the enable disable of these buttons controlled based on the History Collection and the SelectedItem should also change based on the click as we have in the file explorer.

                                  Thanks in advance,
                                  Alfred

                                • Alfred Manoj 08.02.2019

                                  Also, we need to have a tree view, exactly for the same items that we have in the Bread crumbs. I went through the tree-list view that we have. But as per my understanding, we need to define the key field name and the parent field name in the full collection and use it. (please correct me if I am wrong.) We are looking for a similar approach like we have in the bread crumb control, in such a way that we can define the columns that we need to display, and the child member(like we define in breadcrumb control) to generate the tree. Is anything available like that?

                                  Any help is much appreciated. Thanks in advance.

                                  Regards,
                                  Alfred

                                • Alfred Manoj 08.05.2019

                                  Hi Team,

                                  Any update on this?

                                  Regards,
                                  Alfred

                                • Dima (DevExpress Support) 08.05.2019

                                  Hello Alfred,

                                  You're always welcome. You can move the PathEditHistory property to a BreadcrubControl descendant class to bind it to a view model property. For example:

                                  [C#]
                                  public class BreadcrumbControlEx : BreadcrumbControl { public static readonly DependencyProperty PathEditHistoryProperty = DependencyProperty.Register("PathEditHistory", typeof(ObservableCollection<BreadcrumbPathNode>), typeof(BreadcrumbControlEx), new PropertyMetadata(null)); public BreadcrumbControlEx() : base() { PathEditHistory = new ObservableCollection<BreadcrumbPathNode>(); } public ObservableCollection<BreadcrumbPathNode> PathEditHistory { get { return (ObservableCollection<BreadcrumbPathNode>)GetValue(PathEditHistoryProperty); } set { SetValue(PathEditHistoryProperty, value); } } } //... protected MainViewModel() { History = new ObservableCollection<BreadcrumbPathNode>(); }
                                  [XAML]
                                  <Style TargetType="{x:Type local:BreadcrumbControlEx}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type dxco:BreadcrumbControl}"> <Grid> <local:BreadcrumbPathEditEx ItemsSource="{DXBinding '@s.UseHistorySource ? @p.PathEditHistory : @p.PathEditSource'}" /> <!-->...<--> <local:BreadcrumbControlEx PathEditHistory="{Binding History}" />

                                  As for your second question, I assume that you are talking about GridControl with TreeListView. If so, the KeyFieldName and ParentFieldName properties are required only if you have a self-referential data structure. See Bind to Self-Referential Data Structure. If your data is hierarchial you can use one of the approaches described in the Bind to Hierarchical Data Structure article.

                                  Also, if you wish to show your data as a tree in a popup, you can check our dialogs in our File Dialogs demo. See also DXFolderBrowserDialog and DXFolderBrowserDialogService.

                                  Please try these approaches and let me know your result.

                                • Alfred Manoj 08.06.2019

                                  Hi Dima,

                                  Once again thanks to you. The breadcrumb control issue is resolved. :)

                                  Regarding the tree list view, I was able to implement the tree list using 'Child Nodes Path' approach of Hierarchical Data Structure. Now I have a few things to be changed for this.

                                  1. How can I increase the width of the expander/collapse icon area?
                                  2. How can I remove the border given in the screenshot? Or include the expander button inside the grid column? I tried modifying the RowMarginControl but I was not able to achieve it. (even though using snoop I was able to). Or, If you can provide some option to have the expander icon inside (as in screenshot #2) then it will be better.
                                  3. How can i give the selected item manually and scroll into view that item in the tree view? if the selected item is something inside child nodes i want the nodes to expand and select the item and bring into view.

                                  Any help is much appreciated

                                  Regards,
                                  Alfred

                                • Alfred Manoj 08.07.2019

                                  Hi Team,

                                  Any update on this?

                                  Regards,
                                  Alfred

                                • Dima (DevExpress Support) 08.07.2019

                                  Hello Alfred,

                                  Not to mix different questions in one thread, I created separate tickets on your behalf:

                                  T804632: How to change a selected item in TreeListView and make it visible
                                  T804628: How to place the expand/collapse button inside the TreeListView nodes
                                  T804625: How to change the expand/collapse button size in TreeListView nodes

                                  They have been placed in our processing queue and will be answered shortly.

                                • Alfred Manoj 08.07.2019

                                  Sure. Thanks a lot, Dima.

                                  Regards,
                                  Alfred

                                • Dima (DevExpress Support) 08.07.2019

                                  You're always welcome!