Page 1 of 1

custom .Grid CSS breaks scrolling table and responsive displ

Posted: Wed Jan 17, 2018 9:54 am
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


Re: custom .Grid CSS breaks scrolling table and responsive d

Posted: Wed Jan 17, 2018 10:58 am
by arbei

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


Re: custom .Grid CSS breaks scrolling table and responsive d

Posted: Wed Jan 17, 2018 11:19 am
by sticcino

all tables set to phpmaker installed defaults..

scrollwidth: 0
scrollheight: 0


Re: custom .Grid CSS breaks scrolling table and responsive d

Posted: Thu Jan 18, 2018 12:26 pm
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".


Re: custom .Grid CSS breaks scrolling table and responsive d

Posted: Fri Jan 19, 2018 4:05 am
by sticcino

Houston.... we have scrolling

thanks!