No more modals and no new icons after update from MDB PRO 4.5.13 to 4.8.5


Topic: No more modals and no new icons after update from MDB PRO 4.5.13 to 4.8.5

ggiani pro asked 3 years ago

I updated MDB PRO 4.5.13 to 4.8.5: I saved my custom files, installed the GULP version of 4.8.5, restored my custmom files and gulped it all.

Unfortunally, my modals do not work anymore. There seems to be a layer, because the background dreads, but no modal is shown. I use data-remote for the modal content

<span data-toggle="modal" class="a" data-remote="/modal.php" data-target="#filterModal"><i class="fa fa-plus" aria-hidden="true"></i> Log In</span>

It seems, /modal.php won't be executet, because in modal.php reports to a log file when it's called. Calling directly write logs, calling by modal does not...

Furthermore, I cannot use the new icon set 'fas'.

Oddly enough, fireing the modal adds 'padding-right: 31px; margin-right: 277.5px;' to my

<nav class="container navbar navbar-expand-lg navbar-dark special-color-dark topnav sticky-top sticky-offset">...</nav>

Where and how should I start troubleshooting? Even my chrome console shows no errors...

EDIT: I think I got it. Gulp has not processed my custom js files, where the data-remote stuff is defined...


ggiani pro commented 3 years ago

Okay, if I remove the class 'sticky-top' from < nav >, 'padding-right: 31px; margin-right: 277.5px' is not added to < nav >.... But now, I do not have a sticky navbar anymore... ?!?


MDBootstrap staff answered 3 years ago

Hi, ggiani,

To add your custom js files please add it to modules.js in gulp package. Free and Pro font-awesome icons are supported by mdb styles. The sticky-top class adds custom mdb styles. You can remove them by overwriting our styles in the package, your custom scss file or directly in a project.

If you need additional help I am here for you.

Best Regards, Piotr


ggiani pro commented 3 years ago

Alright, custom js and modals are fine now, thx!

Anyhow, the icons still do not work. The old fa-ish styles are ok, but the new fas-ish icons are not shown.

ok: < i class="fa fa-search" >< /i> not ok: < i class="fas fa-search" >< /i >

What could be the matter here?


MDBootstrap staff commented 3 years ago

To be honest I can not recreate a problem with our icons. Here is the simplest example that it works: https://mdbootstrap.com/snippets/jquery/pjoter-2-0/1002534 Our package doesn't contain the pro-font-awesome icons but if you add them in your project we have it set as a default font-family so it will overwrite free icons. I think that you have to check your implementation. I can not help you with that issue.


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: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.5
  • Device: Desktop
  • Browser: Chrome
  • OS: Manjaro Linux
  • Provided sample code: No
  • Provided link: No