View List on smartphone.

We work as a "closed user group" and we allow membres and organizator to see who is attending the event. We do not display only name but we display a lot of customized field such as "last instruction" "Present level", " candidate level" ....

On desktop View List provides a clear display of all information requested can be seen, provided that the membre does not reduce the size of the navigator. When reducing the size, the displayed "pop up" is not responsive and columns start be be hidden.
On smartphone, with a fully responsive template, i can only see first name and last name. There is no scroll bar or any other way to see remaining data.

How can this be solved ?

Best Regards

Unfortunately, at the moment, some page which is using table layout is not responsive yet (like the view list one you are talking about)

It is my plan to make it fully responsive in the next release. However, it will take us about 4 weeks or so to implement it and make it ready in the system

Please be patient and wait for us

Tuan

Hi,
There is a quick work around that will help you to make your table readable on small devices. Enclose your table code into a div and set a class for it like the code below:
<div class="table-wrap">
<table>.....</table>
</div>
Then make a css for table-wrap class like this:
.table-wrap {
overflow-x: auto;
width: 100%;
}
Now your table will be horizontal scrollable by the smartphone user. This is the simplest way to make a table readable on smartphones and tablets.
I hope this will help you.