BiLe asked 2 years ago
Hello,
I’ve been testing most aspects of the grid and encountered a design issue.
Some modals – e.g. the error modal, if you do not have selected a row and click edit – open screen center, while the “add record” modal will open higher.
Also the dimensions are different with some modals – e.g. “import” is really big.
I am not sure how to handle this, since the location of the modal seems to be calculated based on the screen dimensions. Could you check the modal designs?
Would it be possible to open the forms inside the page instead of the grid and upon save return to the grid view?
I have sent you access to my page, where you can test the modals. Besides some color and background, I have no custom css code in place for location of modal and dimensions of modal.
BiLe answered 2 years ago
Using this css now, which – in my case – will position the modal above the grid, instead of screen centered:
[code]
/* gridphp – fix modal */
.ui-jqdialog {
position: relative !important;
left: 0px !important;
top: 0px !important;
box-shadow: none !important;
border: none !important;
height: auto !important;
width: 100% !important;
margin-bottom: 25px !important;
}
[/code]
Had the problem, that footer and header would shine through the modal background, even though modal had a background.
