My select component isn't displaying properly


Topic: My select component isn't displaying properly

steadystateadmin pro premium priority asked 6 days ago

*_Expected behavior_* Input select component code and display component as shown in example

Code: https://prnt.sc/1vqa6yo, https://prnt.sc/1vqak6e

Example: https://prnt.sc/1vqadb0

*_Actual behavior_* What is comes out like in my application

https://prnt.sc/1vqao8g

Resources (screenshots, code snippets etc.)


Are you sure those styles are applied? Is your webpack configuration serving them properly? You can check it in your Resources tab in Dev Tools. Also you can try linking css file with link element. Also make sure you imported styles properly. For further information, please check this page: https://mdbootstrap.com/docs/standard/getting-started/installation/


steadystateadmin pro premium priority commented 5 days ago

The standard components are styled properly using that css import. But the PRO components are not styling even after I import them. The select component im tryin to use is a PRO component

HTML: https://prnt.sc/1vtrlzb

Index.html https://prnt.sc/1vtra1m

angular.json https://prnt.sc/1vtrgvj

Preview https://prnt.sc/1vtruse


Michał Duszak commented 4 days ago

Are you using angular in this project? If so, try using this documentation: https://mdbootstrap.com/docs/b5/angular/forms/select/


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes
Tags