[Silk UI Web] Silk Tabs scrolling on mobile not obvious enough.

Braxton

Question

If you look at the mobile preview on the responsive desktop web browser it is very obvious that you can scroll left to right on the Silk UI tabs.

However, if you look at it with an actual mobile device (Both Android and iPhone) it appears that the tabs just get cut off, and unless you know they already exist, it is not obvious that you would be able to drag the tabs around to view the hidden tabs.

Please include some sort of indicator for mobile devices that notifies users that they are able to scroll through the tabs. Also, a boolean option to display all information vertically instead of in a tabbed view could also resolve this as well.

27 Jul 2015

Samuel Jesus

Staff

Hello Braxton,

Thank you for your feedback. We will add this feedback to our backlog to be further analised.

Best regards,
Samuel Jesus

29 Jul 2015

João Melo

MVP

Any update on this?

12 Apr 2017

Dinis Carvalho

Staff

Hi,

We're adressing this issue on Silk Mobile and we expect it to be fixed on the next release, near the end of this month. The solution is to add a margin on the first Tab, similar to what Google does with Material Design - https://material.io/guidelines/components/tabs.html#tabs-types-of-tabs

For Silk Web, since the Tabs style is quite different, we're still evaluating how the scroll can be hinted.

Since the problem is more visible when a certain number of tabs fits the screen perfectly, giving the idea that there are no more tabs available, one workaround that I can suggest is to handle the width of the Tabs to make sure one of them gets cut and provides the hint that there are more tabs available.

16 May 2017

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.

See the full guidelines