Modal Bootstrap does not exceed page end

Asked

Viewed 198 times

0

I have a modal bootstrap and in it I display a table, However when this table returns many records the modal ends up overflowing out of the screen, And can not see the end of the modal as in the image: inserir a descrição da imagem aqui

This problem bothers because there are records below hidden and not to select, In case you have to zoom in to be able to display the modal completely. The zoom is like this: inserir a descrição da imagem aqui

I would like a way that this modal does not exceed the screen/monitor limits as it does for the upper and lateral margins, I tried with max-heigth but without success.

css twitter-bootstrap

  • I think you have to move it is at the time of div "Customers", and not in modal. Try to set a max-height in div "Customers" in CSS or direct in tag, like <div style="max-height:...

  • I got with max-height in the modal-content class using max-heigth:100vh where vh would be the limit of the screen even, in the modal functionor now the table is popping the modal, I need to be able to make it stay in the limit modal mo too

1 answer

-1

Places in the CSS class of modal the following:

overflow: scroll;

or 

overflow: hidden;

  • Solved in parts, with the scroll does not need to give the Zoom, However I needed the modal to adjust not to exceed the end of the screen and this scroll was in the table

  • Check the height of css, put a min-height: 500px and height: auto. Otherwise you will have to solve with javascript.

Browser other questions tagged css twitter-bootstrap

You are not signed in. Login or sign up in order to post.