Topic: No more modals and no new icons after update from MDB PRO 4.5.13 to 4.8.5
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...
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 5 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 pro premium priority commented 5 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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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
ggiani pro commented 5 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... ?!?