Page 1 of 1
Mobile list view body size in chrome
Posted: Sat Mar 18, 2023 5:40 pm
by latolap
Hi,
the body of all the list view in the mobile mode in google chrome have not the correct dimension of the screen, so it leave a lot of empty space in the right side. this give me the possibility to slide on right to the empty space, is there a possibility to solve this? or have i something bad in may configuration? i've not modified the html theme and have only
@media print {
.main-footer {display: none;}
}
in the user style.
Thanks for your help.
Re: Mobile list view body size in chrome
Posted: Sun Mar 19, 2023 9:54 am
by arbei
- Your code is about printing, not related to mobile mode.
- Make sure you have enable Use Bootstrap responsive table so the table in the List page will become responsive in mobile mode.
Re: Mobile list view body size in chrome
Posted: Sun Mar 19, 2023 5:16 pm
by latolap
Use Bootstrap responsive table is already enabled.
I have this problem only when the table is bigger than the screen, if i have 1 column table i don't have this problem!
Re: Mobile list view body size in chrome
Posted: Sun Mar 19, 2023 5:33 pm
by arbei
It seems that the response table is not working. Assume you use v2023,
- Check Responsive table class, make sure you have selected a class,
- After generation, make sure you generate all scripts again, not just the table.
- Inspect HTML element, check the CSS classes and find out why the responsive table class is not working.
Re: Mobile list view body size in chrome
Posted: Sun Mar 19, 2023 7:21 pm
by latolap
i think the problem is given by the footer that remains bigger than the table due to the number of pages i have (i have more than 3k rows), do you have some suggestions to lower the displayed pages? at the moment i have 1 to 10, 11-20 and the arrows, is it possible to set 1 to 5, ecc.. and the arrows in mobile or if not only in mobile in everything?
Re: Mobile list view body size in chrome
Posted: Mon Mar 20, 2023 8:37 am
by arbei
You may use the "NextPrev" pager instead of the "NumericPages" pager.