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!

  1. MDB Home Page
  2. Support Main Page
  3. MDB Vue
Topic: Notifications width

Petr Urban priority asked 5 years ago

Hi, is it possible to somehow change the width of the Notification popup, please?

Is there some hidden parameter like 'width' or 'size'?

Thanks, Petr

Jakub Strebeyko staff answered 5 years ago

Hi there Petr,

No, unfortunately Notification does not have styling props except for color and show/hide animation tweaks. What is your use case?

You could try to alter the width of notifications globally, by overwriting .md-toast class (and perhaps get a little bit more specific in case of targeting a particular kind, like .md-toast-warning). Hope it's of any help.

Best, Kuba

Petr Urban priority commented 5 years ago

Hi Kuba, I would like to show some short popup summary co user after action. Probably better solution is to use MODALS for this kind of things.

Thanks, Petr

Jakub Strebeyko staff commented 5 years ago

Well spotted, Petr! I too think that having to deal with globally overwriting toast CSS styles might not be worth it. Depending on the popup summary size perhaps popovers could be considered, but for some text content length modals are just the only way to go.

Best, Kuba
Write
Create snippet
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: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: 5.1.0
  • Device: MacBook
  • Browser: Safari
  • OS: Mac OS
  • Provided sample code: No
  • Provided link: No
Tags
notification-vue-mdbvue-pro
About author
Petr Urban
54Support score
18Questions 1Answers 1Snippets