Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Configure MD Bootstrap5 correctly

Haso58 free asked 4 years ago


Hi,

I have an NRWL Angular project, I bought the pro essential pack of MD Bootstrap 5 and was following this tutorial: Admin Dashboard (basics) with Bootstrap 5 & Material Design 2.0 But at the very first step I have already problems. The sidebar copied in the tutorial works directly in the tutorial, with its dropdowns and responsivness, but when I do it I get a sidebar, the dropdowns are not working (Do not show the option). And there is a button which works in the component webpage but not with me.

I do not want to import the styles or the scripts in my html but in my angular.json which I did and looks like this:

          "styles": [
          "apps/moniesta-admin/src/styles.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/brands.scss",
          "node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/bootstrap.scss",
          "node_modules/ng-uikit-pro-standard/assets/scss/mdb.scss",
          "node_modules/animate.css/animate.css",
          "node_modules/bootstrap/scss/bootstrap.scss",
          "node_modules/mdb-ui-kit/css/mdb.min.css",
          "node_modules/mdb-ui-kit/src/scss/mdb.core.scss",
          "node_modules/mdb-ui-kit/src/scss/mdb.free.scss",
          "node_modules/mdb-ui-kit/src/scss/mdb.pro.scss"


        ],
        "scripts": [
          "node_modules/chart.js/dist/Chart.js",
          "node_modules/easy-pie-chart/dist/easypiechart.js",
          "node_modules/screenfull/dist/screenfull.js",
          "node_modules/hammerjs/hammer.min.js",
          "node_modules/bootstrap/dist/js/bootstrap.js",
          "node_modules/mdb-ui-kit/js/mdb.min.js",
          "node_modules/mdb-ui-kit/src/js/mdb.pro.js",
          "node_modules/mdb-ui-kit/src/js/mdb.free.js"


          ]
      },

Is my configuration wrong? I did npm install via gitlab project.


Haso58 free commented 4 years ago

I know checked another component, which is labled as MDB Pro component and it does not work either correctly, please can someone help me? I have bought the angular premium pack for 199 adn the MD Bootstrap 5 for 100 with coupon both for one year. I should be able to use them without any problems


Arkadiusz Idzikowski staff answered 4 years ago


MDB UI KIT tutorial is made for Vanilla JS. Angular version is going to be released in a few months.


Haso58 free commented 4 years ago

Is it possible for me to get a refund for my order then? I sadly did not know that it is not compatible with angular. As it is now it is not usefull for me. I even had used my coupon to buy it....


Haso58 free commented 4 years ago

In github someone said if it comes out for angular I have to buy again that is why also a reason why I am asking for a refund.


Adam Jakubowski staff commented 4 years ago

Hello @Haso58

I have already replied to your email



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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: 2.0.0
  • Device: Computer
  • Browser: Chrome
  • OS: Ubuntu
  • Provided sample code: No
  • Provided link: No