Make dialog modal

Topic: Make dialog modal

tano pro asked 6 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!

Add comment

tano pro answered 6 years ago

0 0 Best answer

Please insert min. 20 characters.

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,

tano

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

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 6 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.

Thanks!

Damian Gemza staff commented 6 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,

Damian

Add comment

Write

Create snippet

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: 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

tano

Pro User 229Support score
21Questions 12Answers 0Snippets