Breadcrumb not visible when EnablePersistence is set to true

[Andy Richard]

The Breadcrumb component is not showing any content when EnablePeristence is set to true. Attached is an example where the last of the three pages has this property set. Also, how to change the text color? It's rather pale and hard to see.

Attachment: Breadcrumb_f1fd7895.zip

[YuvanShankar Arunagiri]

Hi Andy,

We have validated your reported query and kindly refer to the below CSS style to customize the breadcrumb text color.

<style>

    .e-breadcrumb .e-breadcrumb-text,

    .e-breadcrumb .e-breadcrumb-icon.e-home {

        color: cyan !important;

    }

</style>

Output screenshot:

Query: not showing any content when EnablePeristence is set to true?

We have already stated in API documentation, when we enable the EnablePersistence in Breadcrumb, it will show the first to last selected item for every page refresh.

Check with attached sample and get back to use if you need any further assistance on this. 

Regards,

YuvanShankar A

Attachment: Breadcrumb_f8feb703.zip

[Andy Richard]

1. Styling works. Thank you.
2. Can you explain what EnablePersistence is supposed to do? I don't understand your explanation. I thought it was supposed to highlight the item in the breadcrumb that represents the current page.

[YuvanShankar Arunagiri]

Andy,

The Breadcrumb component display first to last selected (active item) alone when we are enabling the EnablePersistence shown as below.

• In initial rendering display all breadcrumb item.

• When we click on the Components item and refresh the page, then it shown up to Components item alone.

If you want to highlight the breadcrumb that represents the current page, kindly use the below CSS style.

<style>

    .e-breadcrumb-item:last-child .e-breadcrumb-text {

        color: yellow !important;

    }

</style>

Output screenshot:

Get back to use if you need any further assistance on this.