Topic: Make dialog modal

tano pro asked 5 years ago

Hello, How can I make my modal to be really a modal? I mean the background should be fixed and the content of modal(modal-body) should be scrolled. Similarly to sidenav.   Thank you!

tano pro answered 5 years ago

I could manage to work it with scss:
.modal-full-height {
     height: 100%;
      .modal-content {
           display: grid;
           grid-template-rows: 80px auto 80px;
           .modal-body {
                overflow-y: auto;
The one and only ugly thing is the scrollbar of main page, but that can be solved with css too.
with regards,

Damian Gemza staff answered 5 years ago

Dear Tano, The modal is always fixed (he is in the same position always when you scroll the page). About scrolling content of the modal: Please check our Modal Documentation. There is described this feature. Best Regards, Damian

tano pro commented 5 years ago

I've read it, but i have a fixed right-side dialog, so its size cannot be increased and to be honest not too nice to increase the whole, instead its body should be. The preferred way is how the sidenav scrolls with custom scrollbar. of course only for the body. If you guys don't have a plan for it, I have to forget modal and use different approach.


Damian Gemza staff commented 5 years ago

Dear Tano,

For now, we haven't got such functionality in our developer plans.

If you could, please try to use a different approach.

Best Regards,


Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: HP
  • Browser: Chrome
  • OS: Win10
  • Provided sample code: No
  • Provided link: No