Issue with Grid Toolbar on Mobile Device cutting off

QuestionsIssue with Grid Toolbar on Mobile Device cutting off
James Davis asked 3 years ago

When using a mobile device or Google Dev mode to shorten the width it seems the XS,SM and MD display sizes of grid have a issue with the Toolbar height getting cut in half. Once I make the width of the browser wide enough to render in LG and XL sizes the grid changes the Toolbar look and feel and it renders fine. Any idea how to fix this so the toolbar looks right when smaller screen widths?

See screenshots.

 

View post on imgur.com

4 Answers
Abu Ghufran Staff answered 3 years ago

Currently I’m unable to get the screenshot you mentioned.

If you try this online, by opening any demo e.g.
https://www.gridphp.com/demo/demos/integrations/multiselect-filter.php

and resizing browser to small screen size, it shows toolbar correctly.

Please share the grid code (mainly the grid options) to regenerate the case.

_________________________
Abu Ghufran - Dev Team
Grid 4 PHP Framework
 
James Davis answered 3 years ago

The link you sent is not a responsive Grid as your grid renders zoomed out in my phone. Versus as you see in my screenshot my grid is responsively adding columns based on each column set.

here is the grid options and code

https://gist.github.com/mountainskitime77/8c974dcbd11522b149e2ce4af929c047

 

James Davis answered 3 years ago

So looking more into this I have some CSS that is causing the issue but cannot figure out where in the CSS. If I remove this CSS below entirely then the GRID will display property toolbar when under 768px wide but there is some kind of @media tag in your got where min width 768px and when that is hit the issue happens. The toolbar looks fine with my included CSS when width is greater than 768px but as soon as width is less than 768px and I have my CSS on page the toolbar cuts off height. Any ideas?

https://gist.github.com/mountainskitime77/f9670979446de485a06ae3159c9516f9

 

 

Abu Ghufran Staff answered 3 years ago

Too late but this issue is identified and solve now. Resizing grid is no more supported in our latest version and it causes this issue.

To fix this issue, Kindly remove following from the grid options:

$opt["resizable"] = true;
_________________________
Abu Ghufran - Dev Team
Grid 4 PHP Framework
 
Your Answer

18 + 15 =

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?