Mobile: Advanced Forum Statistics to Forum Home Page


 
Thread Tools Search this Thread
The Lounge What is on Your Mind? Mobile: Advanced Forum Statistics to Forum Home Page
# 1  
Old 09-13-2019
Mobile: Advanced Forum Statistics to Forum Home Page

For mobile users, I have just added a "first beta" Advanced Forum Statistics to the home page on mobile using CSS overflow:auto; so you can swipe if you need to see more. Google Search Console mobile usability says this page is "mobile friendly" so perhaps this will be useful for some of our mobile users:


Image
This User Gave Thanks to Neo For This Post:
# 2  
Old 09-13-2019
Added some basic Bootstrap classes to the mobile stats:

Normal mode:

Image

Landscape mode:

Image

Scrolling / swiping left and right with normal phone swiping gestures on mobile.....

Note: I may convert this very old legacy HTML code from table elements to div elements sometime in the future and, at that time, will change the layout for the three sections from a horizontal row of three tables in a table row to vertical stack of three div elements.
These 2 Users Gave Thanks to Neo For This Post:
# 3  
Old 09-13-2019
Swipe gesture looking good.

Mobile:   Advanced Forum Statistics to Forum Home Page-b6e0346e-829f-4692-9628-13d783834bdfpng
This User Gave Thanks to Akshay Hegde For This Post:
# 4  
Old 09-13-2019
Quote:
Originally Posted by Akshay Hegde
Swipe gesture looking good.
Thanks Akshay,

I added that little swipe gesture icon as an afterthought when I was finishing up the formatting.

The stats seems to add a lot to the mobile home page, for sure.
# 5  
Old 09-13-2019
One issue I noticed while posting screenshot now. I had to switch to desktop view to see advanced options to add attachments.

Probably iframe modal would be nice.
This User Gave Thanks to Akshay Hegde For This Post:
# 6  
Old 09-13-2019
Quote:
Originally Posted by Akshay Hegde
One issue I noticed while posting screenshot now. I had to switch to desktop view to see advanced options to add attachments.

Probably iframe modal would be nice.
Good idea.

I will put that on the TODO list to port the attachment uploading modal from the desktop to mobile.

I also plan more CSS formatting changes to mobile and other mobile code optimizations.

Thanks again, Akshay!

Image
# 7  
Old 09-15-2019
Hi if you wrap forums like operating systems, top forums inside bootstrap panels ( card class in bootstrap 4 ) would look even better.
This User Gave Thanks to Akshay Hegde For This Post:
Login or Register to Ask a Question

Previous Thread | Next Thread

4 More Discussions You Might Find Interesting

1. What is on Your Mind?

Quick Bootstrap Reformat of Forum Staff Page

This page still needs work (complete redesign), but in the meantime, I quickly added some Bootstrap classes to "pretty it up": https://www.unix.com/staff.php https://www.unix.com/staff.php (0 Replies)
Discussion started by: Neo
0 Replies

2. Web Development

PHP Changes to WOL for New Forum Home Page

Wrote some PHP code today to make the Who Is Online (WOL) in the forums work properly with the new home page: Wrote this global plugin to add the location to both the user table (for members) and session table (for guests + registered users) <?php if (THIS_SCRIPT != 'misc' and... (0 Replies)
Discussion started by: Neo
0 Replies

3. What is on Your Mind?

JQuery and CSS Flex Code for Responsive Forum Home Page

So far, I have completed making the home page more responsive (except for the forum stats at the top and the WOL box at the bottom, they still use scroll bars). xevV3_iZ8-s For full screen use the link below and set your YT resolution to 1080p60 HD https://youtu.be/xevV3_iZ8-s Here is... (1 Reply)
Discussion started by: Neo
1 Replies

4. What is on Your Mind?

Forum Update: Disabled Home Page Forum Statistics for Guests (Not Registered)

Just a quick update; to speed up the forums, I have disabled the forum statistics on the home page for non registered users. No changes for registered users. (0 Replies)
Discussion started by: Neo
0 Replies
Login or Register to Ask a Question