Topic: Modal Bottom Full Height

atoning free asked 5 years ago


Hi

I am new to Bootstrap and MDB and I am trying to create a modal using the example on MDB but it just doesnt work and I am confident I am following the instructions correctly.

I want to create a full width modal appearing from the bottom of the browser. I have copied the code from the example and modified it as instructed but I keep getting a small modal appearing from the top of the screen.

Current CSS I am trying is below:

<div class="modal fade bottom show" id="fullHeightModalRight" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-full-height modal-bottom" role="document">

Can anyone show me the correct CSS, I am sorry but the example and its documentation is not very clear at all.

TIA

Peter


atoning free answered 5 years ago


Thanks Adam, yes I worked it out in the end after I found the modal generator :-)


Adam Jakubowski staff commented 5 years ago

You're welcome, i'm glad you solved your problem


Adam Jakubowski staff answered 5 years ago


Hi,

Did you mean something like this? Full height bootstrap modal

Best,

Adam



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: Free
  • Premium support: No
  • Technology: Other
  • MDB Version: -
  • Device: PC
  • Browser: Chrome
  • OS: WIndows 10
  • Provided sample code: No
  • Provided link: No