Breadcrumbs and WOW effects in the browser

Topic: Breadcrumbs and WOW effects in the browser

Irnel Victoria Sosa free asked 5 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

Add comment

Damian Gemza staff answered 5 years ago

1 0 Best answer

Dear <a href="/profile/?id=53260" rel="nofollow">@Irnel Victoria Sosa</a> 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:<pre style="background-color: #212121; color: #eeffff; font-family: 'Fira Code'; font-size: 9.0pt;"><mdb-breadcrumb customClass="purple lighten-4"> <mdb-breadcrumb-item *ngFor="let breadcrumb of breadcrumbs"> {{breadcrumb.name}} </mdb-breadcrumb-item> </mdb-breadcrumb></pre>.ts:<pre style="background-color: #212121; color: #eeffff; font-family: 'Fira Code'; font-size: 9.0pt;">breadcrumbs = [ { name: 'Home', }, { name: 'Library', }, { name: 'Data', }, ];</pre>Best Regards,Damian

Please insert min. 20 characters.

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 free commented 5 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 5 years ago

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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

Specification of the issue

ForumUser: 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

Irnel Victoria Sosa

5Support score
1Questions 0Answers 0Snippets