1. Home
  2. Forum
  3. ASP.NET Core - EJ 2
  4. Breadcrumb shows collapsed

Breadcrumb shows collapsed

Hi friends,

I've used breadcrumb control without problems, but now it shows collapsed on all app screens and browsers.

I have installed SYncfusion.EJ2.AspNet.Core 19.3.0.53 version

This is the original code:

 <div class="d-flex justify-content-between mb-3">
            <ejs-breadcrumb id="customers" enableNavigation="true">
                <e-breadcrumb-items>
                    <e-breadcrumb-item iconCss="e-icons e-home" url="../"></e-breadcrumb-item>
                    <e-breadcrumb-item text="Clientes" url="/Customers"></e-breadcrumb-item>
                    <e-breadcrumb-item text="Top" url=""></e-breadcrumb-item>
                </e-breadcrumb-items>
            </ejs-breadcrumb>
            <a class="btn btn-danger float-right bt-sm" asp-controller="Customers" asp-action="Create" title="New customer"><i class="bi bi-plus-lg"></i></a>
        </div>

This is output code:

<div class="d-flex justify-content-between mb-3">
            <nav id="customers" class="e-control e-breadcrumb e-lib" aria-label="breadcrumb"><ol class=""><li class="e-icons e-breadcrumb-menu" tabindex="0"></li></ol></nav>
            <a class="btn btn-danger float-right bt-sm" title="Nuevo Cliente" rel='nofollow' href="/Customers/Create"><i class="bi bi-plus-lg"></i></a>
        </div>

I don't know the source of problem, could you help me?


Attachment: Captura_de_pantalla_20211223_a_las_10.15.16_fceb9460.zip

3 Replies
JS Janakiraman Sakthivel Syncfusion Team December 27, 2021 11:46 AM UTC

Hi Jesús Mostajo,  
  
Thank you for contacting Syncfusion support. 
 
We were able to reproduce the stated issue on our end with the EJ2.AspNet.Core package version 19.3.0.53 and the latest script version. So, we would suggest you use the scripts and the EJ2.AspNet.Core package in the same version to resolve this issue in your end. 
 
Code Example:  
Views\Shared\_Layout.cshtml: 
<head> 
    <script src="https://cdn.syncfusion.com/ej2/19.3.53/dist/ej2.min.js"></script> 
</head> 
 
  
For your convenience, we have prepared a sample. Please see the link below. 
 
 
Could you please check the above links and get back to us, if you need any further assistance on this.  
 
Regards,   
Janakiraman S. 


JM Jesús Mostajo December 27, 2021 04:43 PM UTC

Thanks for update, this solution works fine !


Regards,

Jesús Mostajo


JS Janakiraman Sakthivel Syncfusion Team December 28, 2021 04:17 AM UTC

Hi Jesús Mostajo, 
 
Thank you for your update. 
 
We are happy to hear that your issue has been resolved. Kindly get back to us if you need any further assistance. 
 
Regards, 
Janakiraman S. 


Loader.
Up arrow icon