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: Upgraded to Angular 8 and Angular MDB 8

itay pro asked 5 years ago


Upgraded to Angular 8 and Angular MDB 8

Followed the migration manual of course.

Here is a list of changes that I saw during the process and requires special attention:

  1. .card style is missing, specifically box-shadow. Is there a stylesheet I should app to angular.json ?
  2. .progress-bar style is missing
  3. Main layout is missing margin: 0 6%, rendering main layout without margins
  4. max-width: none; is missing for .navbar making the navbar not filling entire width
  5. floating mdbBtn a. position: absolute; right: 60px; top: 10px; is missing. b. overflow should be visible not hidden c. the buttons jump up when entering view and disappear immediately, until clicked on. It should only appear on click
  6. Try to rebuild Admin demo with current version. It might be more challenging than you think
  7. “element[NATIVE_ADD_LISTENER] is not a function” is thrown on a. b. Probably related to platform-browser
  8. CLICK animates from no size to full size when appearing

itay pro answered 5 years ago


For the sake of clarity, I created separate tickets

  1. Do you have a live preview of the 8 version ?

https://ng-admin-pro.mdbootstrap.com/

7.8. got lost in translation, some code is missing


Damian Gemza staff commented 5 years ago

We have to update ng-admin-pro live preview. For now, there's 7.x.


Damian Gemza staff answered 5 years ago


Dear @mdb2

As always - I need a proofs, that something is not working.

1) I have tested cards yesterday, and there were no problems. Are you using mdb-card component or div.card? From MDB 8 that's obligatory to use the mdb-card.

2) Show me the proof - code or screenshot. This component was tested before releasing MDB 8 and there were no problems.

3) Main layout? Which class/element?

4) mdb-navbar component will take 100% of free space (if you place it inside .container, it won't take 100% width of the screen). Take a look at screenshot - in the app there's only mdb-navbar without any containers etc: https://screenshots.firefox.com/k8Lo2PKPkaQzUiVi/localhost

5) Floating or fixed? Fixed button never has such styles. User have to add such styles on his own. There were only position: fixed within .fixed-action-btn class. User has to add the positioning on his own.

6) What's wrong there? I was migrating MDB 7 Admin Template to MDB 8 Admin Template, and I have done it within 4 hours (with correcting <i> to <mdb-icon>, .btn to mdbBtn and .badge to <mdb-badge>). The updated Admin Template is available to download throught gitlab / site.

7) Don't know how to reproduce. Again - show me the proofs.

8) Don't know what are you talking about. Which component?

Best Regards,

Damian


FREE CONSULTATION

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

Status

Closed

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.0.0
  • Device: NA
  • Browser: NA
  • OS: NA
  • Provided sample code: No
  • Provided link: No