custom .Grid CSS breaks scrolling table and responsive displ

This public forum is for user-to-user discussions of PHPMaker. Note that this is not support forum.
Post Reply
sticcino
User
Posts: 1043

custom .Grid CSS breaks scrolling table and responsive displ

Post by sticcino »

hi,

just noticed, We wanted the grids to be 100% width and added user code: (nothing changed except for width to 100%

/END_SYSTEM_STYLES/
.ewGrid {
padding: 0;
border: 1px solid #9F9F9F;
border-top: 1px solid #9F9F9F;
margin-bottom: 17px;
display: table;
width:100%; }
... the rest of .grid css not changed...

when width = 100%, the scrolling tables stop work and the grid did not shrink down to fit the display, so on a mobile device, the table would display the width, but you could not scroll to get to the options on the left side.

is this by design and cannot be accomplished, or is there another way this should be performed to get the tables to go 100% across devices and not break anything

Thanks,
Johnny


arbei
User
Posts: 9286

Post by arbei »

Can you tell us the settings in Scrolling Table extension and [Tools] -> [Advanced Settings] -> [Reset layou height]?


sticcino
User
Posts: 1043

Post by sticcino »

all tables set to phpmaker installed defaults..

scrollwidth: 0
scrollheight: 0


arbei
User
Posts: 9286

Post by arbei »

Disable the option "reset layout height" in [Tools] -> [Advanced Settings] then try again.

I can scroll the table with this setting.

Disable "Reset layout height".
Scroll height and width to "0".


sticcino
User
Posts: 1043

Post by sticcino »

Houston.... we have scrolling

thanks!


Post Reply