(Issue #MS-IS-1911-116) Horizontal slider of the channel tabs is hiding most of the content.
I have attached an image of a channel view in a mobile setting. If you see most of the tabs are not seen and it may not be intuitive or easy for a new user to see that a slider would reveal the remaining tabs. Mobile phone might be where most of the folks will check the content. Is there a way to have shorter names for the tabs? In this case subscribe icon takes up a lot of the space on the page. Can we have maybe just icons? Open to any suggestions. I am happy to add more clarity if needed.
Type
Bug
Feature
Status
Open
In progress
Resolved
Wont fix
Duplicate
Priority
High
Medium
Low
Save, embed, share, report
More from this channel
MainCross Social+
Commented 2 days ago
Thank you for this feedback. We do not envisage a change to the tabs UI at this time. Horizontally scrolling tabs is standard across all small screen UIs due to the lack of screen real estate. We follow the material design standard (https://m3.material.io/components/tabs/overview).
Icons must never be used without labels.
Templehub support
Replied 2 days ago
OK. I know there is a way to modify the sequence of tabs using json file. Is there a way to move the subscribe too? That will help clear up some real estate if anybody wants to moves subscribe to a later tab?
MainCross Social+
Replied 2 days ago
We understand what you are asking, and we hear you - but this is the only UI + UX that meets all the conflicting requirements. Hence at this time, we do not think we can make this available in the standard offering. Please explore custom services for UI and other changes that you may like to have for greater control.
Background: Subscribe is possibly the most important call to action (CTA) of a channel, and its meant for members to stay updated. Its a strong signal of what's important to the member and drives content distribution (https://www.maincross.net/help/discovery). It must appear in the same place on every channel since it aids muscle memory.
We don't want network operators to hide it away, or (worse) to inadvertently remove it which then affects a core functionality.
MainCross Social+
Replied 2 days ago
Note that we use clear signifiers (<>) on the scrolling tab strip to provide a perceivable cue about the affordance. Read more: https://www.interaction-design.org/literature/topics/affordances
--------
Icons must never be used without labels, but we can do the reverse. Here's something that may help - a compact version for mobile:
Templehub support
Replied 2 days ago
yeah, this is better. Taking the icon away makes some space. Is it easy to enable this?