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!