KVR Mobile / Wide / Responsive Design (+General) - Issue Tracker

Any problems with the site? How can we improve KVR?
User avatar
Ben [KVR]
Mr KVR
1301 posts since 23 Oct, 2000 from Newport Pagnell, UK
KVR Audio

Post Fri May 23, 2014 8:36 am

As you've no doubt noticed the design of KVR has changed a bit this week. Essentially this is to move to a responsive layout that should support narrow screens (i.e. smartphones) from 320px wide up to a new default wider view on the desktop.

I've resolved many of the initial issues in the last couple of days so now I'm throwing this thread open to let you guys report any issues you find.

Please report any issues in this topic. It would be helpful to let me know what phone / device / browser and screen width you are using, along with a screenshot of the issue if possible. You can cut n paste info about you browser / device from http://www.kvraudio.com/browser.php

FYI 1: The right sidebar moves to the bottom of the screen, below the main content, on narrow screens. However, you can quickly access the "What's New at KVR" section via the "New @" button at the top of the screen when this happens.

FYI 2: The Wide Forum option has gone and been replaced by a new "Maximum Screen Width" setting that covers the whole of KVR. Instead of creating a fixed width you can now choose to set a max width for KVR (including choosing a narrower default if you find the new wideness too much). It's available at http://www.kvraudio.com/mykvr.php?m=prefs

FYI 2a: I'm considering making the default a bit narrower than it currently is, perhaps 1200px instead of the current 1344px.

Current Known Narrow Screen Issues
  • The Breadcrumb bar cuts off.
  • The MyKVR "Updates" Drop-Down is too wide and doesn't wrap or reposition content gracefully.
  • The "Register" page is not easy to use at 320px.
  • The "Latest Posts" page needs reformatting.
  • When posting a new topic the "Poll Creation" tab is too wide.
  • UCP Tabs wrap poorly.
  • The UCP is generally a bit squashed (incl. most PM pages).
  • The Search form needs reformatting.
  • Some Interview and Industry Focus pages don't look right
  • The Featured/Related/Random columns on the Video page need reformatting
  • The KVR Poll results page needs reformatting
  • Drop Down menus in Nav Bar should work better on touch screens
  • Quoted text boxes too narrow (need to use % instead of px for margin)
  • Post buttons causing scroll issues on touch screens
  • Related Products drop down causing scroll issues on touch screens
  • Textarea message box zooming on focus (going off screen)
Current Known Wide Screen Issues
  • The Product pages can look a bit odd - specifically the images to the left and the big expanse of space to their right.
Other General KVR Issues
  • Dark Theme for Forum
  • Latest Posts / Custom Forums should be opt out instead of opt in
  • Exclude posts from Foes in Latest Posts list
  • Forum Print View sucks (multi page / whole topic required)

User avatar
CableChannel
KVRAF
1676 posts since 15 Mar, 2013 from Germany

Re: KVR Mobile / Wide / Responsive Design - Issue Tracker

Post Fri May 23, 2014 8:44 am

Issue: quoted text boxes too narrow:

For me, normal thread text fits perfectly onto my page (smartphone and tablet), but quoted text only uses half of the screen width. That means there is about three words per line, very tedious to read.

fedexnman
KVRAF
2549 posts since 4 Jan, 2005

Re: KVR Mobile / Wide / Responsive Design - Issue Tracker

Post Fri May 23, 2014 8:45 am

I'm really liking Mobile view as of today . Scroll to the bottom and that is where you will get your right sidebar with all the goods . Thanks @ Ben [KVR] for doing a fine job on this its way easier on my Nexus5 phone .

User avatar
Ben [KVR]
Mr KVR
1301 posts since 23 Oct, 2000 from Newport Pagnell, UK
KVR Audio

Re: KVR Mobile / Wide / Responsive Design - Issue Tracker

Post Fri May 23, 2014 8:47 am

CableChannel wrote:Issue: quoted text boxes too narrow:

For me, normal thread text fits perfectly onto my page (smartphone and tablet), but quoted text only uses half of the screen width. That means there is about three words per line, very tedious to read.
Added.

User avatar
discoDSP
KVRAF
4375 posts since 18 Jul, 2002

Re: KVR Mobile / Wide / Responsive Design - Issue Tracker

Post Fri May 23, 2014 8:49 am

Thanks Ben for taking so much time getting this mobile looking as best as possible!

User avatar
Ben [KVR]
Mr KVR
1301 posts since 23 Oct, 2000 from Newport Pagnell, UK
KVR Audio

Re: KVR Mobile / Wide / Responsive Design (+General) - Issue Tracker

Post Fri May 23, 2014 8:54 am

I've expanded the original topic to include general KVR issues.

robogone
KVRAF
21375 posts since 26 Jul, 2005 from Gone

Re: KVR Mobile / Wide / Responsive Design (+General) - Issue Tracker

Post Fri May 23, 2014 8:56 am

Ben, is Tapatalk an option at all? I know there are a few people here (including myself) who use it for other sites, and it works really well. Not sure if it's something that is not easy to implement or if you see other issues with it, but it would be great if I could use that to view the site - I really like its interface and it works really well.

Sorry, I know I've mentioned it a few times before, but if you give a definitive answer I'll shut up. :)

User avatar
Jace-BeOS
KVRAF
5165 posts since 7 Jan, 2005 from Corporate States of America

Re: KVR Mobile / Wide / Responsive Design - Issue Tracker

Post Fri May 23, 2014 8:56 am

The reply boxes are slightly too wide to fit in the screen space without scrolling horizontally. This makes it harder to read your own content before posting it.

EDIT: this happens because going into text edit mode zooms the text box. But it zooms too far.

iPhone 4. iOS 6.x.

Thanks for the redesign. KVR is now WAY more useful on iPhone. It's still sluggish, and that's still seemingly due to the rollover effects (please kill them, especially the hidden edit and quote buttons, which should be static), but it's at least sane now. I can even edit messages larger than the default text box size without going into mad convulsions of hate and anger for the slow performance...
Last edited by Jace-BeOS on Fri May 23, 2014 9:17 am, edited 1 time in total.
- dysamoria.com
my music @ SoundCloud

User avatar
Jace-BeOS
KVRAF
5165 posts since 7 Jan, 2005 from Corporate States of America

Re: KVR Mobile / Wide / Responsive Design (+General) - Issue Tracker

Post Fri May 23, 2014 9:03 am

I'm starting to see that hyperlinks in message posts are requiring two touches/taps to follow. This is again probably due to rollovers.
- dysamoria.com
my music @ SoundCloud

User avatar
discoDSP
KVRAF
4375 posts since 18 Jul, 2002

Re: KVR Mobile / Wide / Responsive Design (+General) - Issue Tracker

Post Fri May 23, 2014 9:08 am

robojam wrote:Ben, is Tapatalk an option at all? I know there are a few people here (including myself) who use it for other sites, and it works really well.
For those not using Tapatalk (like me) it can be quite obtrusive. An app download dialog keeps appearing every time you visit the forum asking to install, and if you are fine with the mobile web version it can become unpleasant to browse because adds noticeable height on top of the screen.

robogone
KVRAF
21375 posts since 26 Jul, 2005 from Gone

Re: KVR Mobile / Wide / Responsive Design (+General) - Issue Tracker

Post Fri May 23, 2014 9:10 am

George wrote:
robojam wrote:Ben, is Tapatalk an option at all? I know there are a few people here (including myself) who use it for other sites, and it works really well.
For those not using Tapatalk (like me) it can be quite obtrusive. An app download dialog keeps appearing every time you visit the forum asking to install, and if you are fine with the mobile web version it can become unpleasant to browse because adds noticeable height on top of the screen.
I wonder if that's configurable on the server side though?

User avatar
Jace-BeOS
KVRAF
5165 posts since 7 Jan, 2005 from Corporate States of America

Re: KVR Mobile / Wide / Responsive Design (+General) - Issue Tracker

Post Fri May 23, 2014 9:12 am

Some scrolling still very awkward in threads and I think I just figured it out: Can't scroll by swiping if your finger falls on the "products related to this topic" thingy. It just does nothing.

UPDATE: That bit is also pausing the whole page (can't scroll) when it loads. Harder to see but I think that's what's happening because the icon on it changes.
Last edited by Jace-BeOS on Fri May 23, 2014 9:29 am, edited 1 time in total.
- dysamoria.com
my music @ SoundCloud

User avatar
Jace-BeOS
KVRAF
5165 posts since 7 Jan, 2005 from Corporate States of America

Re: KVR Mobile / Wide / Responsive Design (+General) - Issue Tracker

Post Fri May 23, 2014 9:15 am

George wrote:
robojam wrote:Ben, is Tapatalk an option at all? I know there are a few people here (including myself) who use it for other sites, and it works really well.
For those not using Tapatalk (like me) it can be quite obtrusive. An app download dialog keeps appearing every time you visit the forum asking to install, and if you are fine with the mobile web version it can become unpleasant to browse because adds noticeable height on top of the screen.
Personally, I hate those app install page prefixes. They slow page loading every time I go to pages that have them and they won't stop appearing even when closed. What's wrong with standard hyperlinks somewhere at the bottom of a page?
- dysamoria.com
my music @ SoundCloud

robogone
KVRAF
21375 posts since 26 Jul, 2005 from Gone

Re: KVR Mobile / Wide / Responsive Design (+General) - Issue Tracker

Post Fri May 23, 2014 9:18 am

Jace-BeOS wrote:
George wrote:
robojam wrote:Ben, is Tapatalk an option at all? I know there are a few people here (including myself) who use it for other sites, and it works really well.
For those not using Tapatalk (like me) it can be quite obtrusive. An app download dialog keeps appearing every time you visit the forum asking to install, and if you are fine with the mobile web version it can become unpleasant to browse because adds noticeable height on top of the screen.
Personally, I hate those app install page prefixes. They slow page loading every time I go to pages that have them and they won't stop appearing even when closed. What's wrong with standard hyperlinks somewhere at the bottom of a page?
I agree, although as I said in my post above, I don't know if that's a feature of the app or if it is something configurable on the server side. Either way, it's obtrusive and annoying.

User avatar
Ben [KVR]
Mr KVR
1301 posts since 23 Oct, 2000 from Newport Pagnell, UK
KVR Audio

Re: KVR Mobile / Wide / Responsive Design (+General) - Issue Tracker

Post Fri May 23, 2014 10:03 am

No plans for tapatalk. Sorry

Return to “Site Stuff”