How can I hide the first link in Filemanager Breadcrumbs?

Hi, is there any way to hide specific links in the Filemanager's breadcrumbs? I found out how to hide the entire breadcrumb, but it's not what I want to do. I would like to hide preferably the first hyperlink in the breadcrumbs if possible.

Can anyone help?



6 Replies 1 reply marked as answer

IL Indhumathy Loganathan Syncfusion Team September 19, 2022 09:41 AM UTC

Hi Farai,


Greetings from Syncfusion support.


Yes, you can customize the File Manager breadcrumb by using the CSS styles. We understand that you want to hide first folder name(link) from the breadcrumb. We have customized the sample to hide the first folder(root link) name from the breadcrumb using the below CSS style.


    /*Style to hide the root folder from breadcrumb*/

    .e-filemanager .e-address .e-address-list-item:nth-child(1) {

        display: none;

    }

 

    /*Style to hide the icon from breadcrumb*/

    .e-filemanager .e-address .e-address-list-item:nth-child(2) .e-icons {

        display: none;

    }


For your reference, we have shared the sample.


https://www.syncfusion.com/downloads/support/directtrac/general/ze/Core_FileManager-1543532020


Please check the sample and get back to us if you need any further assistance.


Regards,

Indhumathy L



FA Farai September 19, 2022 10:41 AM UTC

Hi,  Indhumathy


Thank you so much for your response. Your method works on a desktop view but doesn't work on mobile. A popup with the breadcrumbs appears on mobile and still has the first link.



FA Farai September 20, 2022 06:34 AM UTC

If anyone can assist I would really appreciate it. I've been struggling for a while with this.



IL Indhumathy Loganathan Syncfusion Team September 20, 2022 07:17 AM UTC

Hi Farai,


Sorry for the inconvenience.


We were able to reproduce the reported issue at our end in the mobile view. To overcome the issue, you can modify the CSS selector class as shown below.


.e-dropdown-popup.e-submenu ul .e-item:nth-child(1) {

    display: none;

}


Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Core_FileManager-196463557


Please check the sample and get back to us if you need any further assistance.


Regards,

Indhumathy L


Marked as answer

FA Farai September 20, 2022 10:22 AM UTC

Thanks so much. This is just what I was looking for. You guys rock!



IL Indhumathy Loganathan Syncfusion Team September 21, 2022 06:36 AM UTC

Hi Farai,


We are glad that your reported issue has been resolved. Please get back to us if you need any further assistance.


Regards,

Indhumathy L


Loader.
Up arrow icon