I've been using RS Form Pro for about 5 years and love it, but I just used a Submissions Directory for the first time on my site (see tournamart.com/index.php/step-ahead-spor...gue-registered-teams) and while it looks great on my laptop, when I view it on my phone the right side of the table is simply cut off, it does not resize to fit my smaller screen, nor does it provide a scroll bar. On my laptop when I shrink my browser the table does resize for a while but then it stops at a certain point (width of the header fields?). Since the right side contains the Details View and Edit buttons that is a significant problem for many of my users. Can anyone point me in the right direction for how to get it to resize or have a horizontal scroll bar on smaller screens?

Anyone find a solution for this issue? On phones, Managed Directory is just simply being cut off, with no horizontal scroll bar, and no true responsiveness. Just like the above user, we cant access the edit and detail buttons on mobile devices. A huge limitation.

Do you have any suggestions to at least enabling a horizontal scroll on mobile devices if The Directory views are not responsive?

Did you ever get a response to this question?

Hello,

If you're using a lot of columns on the submission directory listing, it's actually normal after a certain width to no longer shrink/adjust or display properly. You can't keep a tabular view with a lot of columns without for example shrinking the actual font to the point where this is no longer legible.

What you can do would be to no longer include that many columns on the main listing and simply display all columns on the details view of a submission, which lists fields data one below another.

Controlling which information is displayed on the listing and on the details view is explained in the documentation article.

Had similar issues, here's the code i used to solve it which allows for a horizontal scroll on smaller screen. Add this code to your template's custom.css file

This is very helpful. Thank you for sharing.

Hello,

This might be an 'old' thread / topic but . . .

Thank you to:

shane5 - for asking - I too have had this issue and spent hours trying to resolve.

And thank you to obinwizugbe - you, sir, are a genius, awesome - thank you.

Regards,

I used this code also, thanks!
BUT on a large screen i do now also have a scrollbar while there is space enough to show the complete form...

Hello jheroen,

Perhaps try changing it FROM

form#adminForm.form-inline {
overflow-x: scroll !important;
}

TO:

form#adminForm.form-inline {
overflow-x: auto !important;
}

Note that scroll is changed to auto

I use auto many times and it seems to pick up well based on screen size.

If you try the change and it does not work for you maybe between us we can find something that works for you.

Regards,

Thanks for this!

That did the trick
timothy.austin1 wrote: