scrolling tables not working on mobile devices

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

scrolling tables not working on mobile devices

Post by sticcino »

scrolling of tables on mobile devices stopped again.

$EW_RESET_HEIGHT = TRUE; // Reset layout height
var EW_RESET_HEIGHT = <?php echo ($EW_RESET_HEIGHT) ? "true" : "false" ?>;

advanced settings all tables checked, scrollwidth = 0 , scrollheight = 0
when set to a value the table scrolls, but looks like crap as width/height not correct

regenerated , updated template.


mobhar
User
Posts: 11660

Post by mobhar »

Try to set the width to 100% from ScrollingTable extension Advanced settings.


sticcino
User
Posts: 1043

Post by sticcino »

let me rephrase

a user custom style breaks the scrolling, this code, i added... stops the tables from scrolling

/END_SYSTEM_STYLES/
.ewGrid {
padding: 0;
border: 1px solid #9F9F9F;
border-top: 1px solid #9F9F9F;
margin-bottom: 17px;
display: table;
width: 100%; }

.ewGrid .ewGridContent {
padding: 0;
border: 1px solid #9F9F9F; }

.ewGrid .ewGridUpperPanel {
border-bottom: 1px solid #9F9F9F; }

.ewGrid .ewTable, .ewGrid .ewGridMiddlePanel {
border: 0;
margin-bottom: 0;
overflow-x: visible; }

.ewGrid .ewGridLowerPanel {
border-top: 1px solid #CFCFCF; }


mobhar
User
Posts: 11660

Post by mobhar »

Do not use that code. Just use the scrolling table extension, and as I mentioned before, set the width to 100% from the ScrollingTable extension side.


jswain
User
Posts: 14

Post by jswain »

Ho do you set the width to 100%?


mobhar
User
Posts: 11660

Post by mobhar »

  1. Go to "Tools" -> "Extensions", and make sure you have already enabled "ScrollingTable" extension. Also, read from "Notes" tab at the bottom of "Extensions - ScrollingTable" dialog window to see the description/instruction about how to use that extension.

  2. Click on "Advanced" tab of that "ScrollingTable" extension, and make sure you have already enabled "Scrolling" column that related to your desired table.

  3. Enter 100% in "ScrollWidth" column that related to your desired table (please note that in v2018, it supports for 100%).

  4. Regenerate ALL the script files again.


Post Reply