Breadcrumbs and WOW effects in the browser


Topic: Breadcrumbs and WOW effects in the browser

Irnel Victoria Sosa asked 6 years ago

Hello
Before I wanted to tell you that they have an excellent technology.
Apologize for raising 2 questions in the same post.

My first question is about the displacement effect they use in the Admin template, I think with WOW or web animation, when I run the browser console, it throws a warning of having problems with this effect in both mozilla and chrome. On the other hand in chrome sometimes some elements that must appear with the scroll effect do not do it also the navbar should be contracted but does not do anything. I used it as it comes in your example.

<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.2.2/web-animations.min.js"></script>
<script>
new WOW().init();
</script>
The other problem is how to make a dynamic breadcrumbs.
regards


Damian Gemza staff answered 6 years ago

Dear @Irnel Victoria Sosa 

About the first problem - This is just a notification, and you shouldn't bother about it. This notification is commonly used on a lot of sites or application. It won't break anything in your app.

About the second problem - Please take a look at the below code. Does the below code present your desired behavior? A dynamic breadcrumbs?

.html:

<mdb-breadcrumb customClass="purple lighten-4">
<mdb-breadcrumb-item *ngFor="let breadcrumb of breadcrumbs">
{{breadcrumb.name}}
</mdb-breadcrumb-item>
</mdb-breadcrumb>

.ts:

breadcrumbs = [
{
name: 'Home',
},
{
name: 'Library',
},
{
name: 'Data',
},
];

Best Regards,

Damian


Irnel Victoria Sosa commented 6 years ago

hi Damian About the first problem, in my case it does not work well in the 2 browsers, mozilla and chrome. in the second problem it works perfectly. Greetings.


Arkadiusz Idzikowski staff commented 6 years ago

Could you provide more details about the first problem? What exactly doesn't work and which version of the browsers you use?


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.3.0
  • Device: PC
  • Browser: chrome, mozilla
  • OS: Windows
  • Provided sample code: Yes
  • Provided link: No