Modal window size

App Development
1

Been looking through all the posts and havent found a solution. I have a detail page that laods as a popup, see sample below. as you can see users need to scroll to the right to view the values at the right of the table. Is there any css or js that I can apply to widen the popup?

image
image782×564 30.7 KB

2

Hi @remedina18 ,

You can use this CSS. You can adjust the maximum width and % of the screen as needed.

/* Make all Tadabase modals wider /
.modal-dialog {
max-width: 1200px !important; / adjust width as needed /
width: 90% !important; / relative to viewport */
}

Add this to the CSS tab of your popup page.

3

You can use this option as well for the App Settings > Custom Header/Footer. This adjusts based on screen size (laptop vs. tablet)

.modal-lg {
    width: 85% !important;
}
@media (max-width: 768px) {
  .modal-lg {
    width: 95% !important;
  }
}
4

Thank you I was able to apply the CSS and everything looks as expected.