Base solution for your next web application
Open Closed

Unsure how to make metronic collapsible cards work #11897


User avatar
0
rickfrankel created

Hi,

We are on v13.1.0. Angular front end, .net core backend (separate projects).

We cut and paste the html from this page, into a simple component. https://preview.keenthemes.com/html/metronic/docs/base/cards#collapsible

The collapsing section doesn't work. It looks to be something to do with how the new Metronic uses bootstrap cards and bootstrap collapse.js

I can't figure out how this should work and be initialized etc. I notice plugins.bundles.js is never included which seems to include bootstrap so not sure if that is the problem.

I also notice that KTApp.init() is never called any more (it used be called by app.js in a DomContentLoaded but that is now gone), so not sure if that is the issue either.

Are you able to help with what is going on and why they don't work.

Thanks Rick


4 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team
  • User Avatar
    0
    rickfrankel created

    Thanks ismcagdas.

    That works. Was trying to avoid it and stick to native metronic. Does that mean most of the metronic things that rely on native bootstrap won't work?

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    Yes, that's correct. Because of that, we are using native Angular components.

  • User Avatar
    0
    rickfrankel created

    Thanks. Understood :)