modals have different locations and sizes

Questionsmodals have different locations and sizes
BiLe asked 1 year ago


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.

1 Answers
BiLe answered 1 year ago

Using this css now, which – in my case – will position the modal above the grid, instead of screen centered:

/* 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;


Had the problem, that footer and header would shine through the modal background, even though modal had a background.

Your Answer

9 + 16 =

Login with your Social Id:

OR, enter

Attach code here and paste link in question.
Attach screenshot here and paste link in question.

How useful was this discussion?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate it.

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?