Skip to main content
OverflowAI is here! AI power for your Stack Overflow for Teams knowledge community. Learn more

Questions tagged [tabs]

a tab widget presents one out of a number of same sized panels to interact with. Which panel is presented is chosen from a list along one edge.

Filter by
Sorted by
Tagged with
0 votes
0 answers
26 views

iOS Design - Tab vs. Child Screen

Are there best iOS design practices regarding when content should have its own dedicated tab, versus when it can simply be on a child screen (with a back button to the home screen)? Are they ...
Matthew Gelfand's user avatar
0 votes
1 answer
47 views

A redirect to a tab or an empty state page with a link on it?

For a company web app that analyses specific data, the user first has to upload data to be able to use it. The app has a tabbed structure: 'Overview' multiple other analysis tabs the last one is the '...
Dfujitsu's user avatar
2 votes
3 answers
159 views

Which is better for a tab component: hiding or disabling tabs?

I have a tabs component that is always shown to the user. During the loading phase a spinner appears to the right of the title of each tab. When loading is complete I don't know if it's better to hide ...
Michi's user avatar
  • 21
-1 votes
1 answer
61 views

Improve tab-bar [closed]

What can I do to improve the design of the tab component? (The one in the middle of the screen with "Overview", "Dependencies" and so on.
Cătălin Rădoi's user avatar
2 votes
2 answers
87 views

How to display the action button for each tab separately?

I have tabs where I separate data and where it is possible to create a new entity. For example, I have three tabs: Items, Users and Attachments. User can create new item, user and add a new attachment....
Marko Kos's user avatar
3 votes
1 answer
82 views

Seeking Help with a UI Pattern for Segment Selection in Analytical System

My team and I are currently working on developing an analytical system that employs a segment-based filtering mechanism. In essence, this system shares similarities with Google Analytics, where ...
Vee's user avatar
  • 31
3 votes
2 answers
1k views

Long Horizontal submenu

So there is a challenge, lets say we have a selection and sub-selection, when few items in sub-selection menu it looks great(image 1), but problem occurs when many ( image 2 ) I drafted solution in ...
tkeija's user avatar
  • 51
1 vote
1 answer
262 views

Segmented control vs toggle switch

We have a dashboard that allows a user to see all jobs belonging to their firm. These jobs are split into two tabs: Upcoming jobs Requested jobs (but haven't been yet been confirmed by us. Once it's ...
M Bo's user avatar
  • 1,394
1 vote
1 answer
194 views

Tabs with status

I have this kind of Tabs in my design, however I have to integrate count of the items (which I did with just a circle and number inside), and I need Status like thing since one of those tabs (in my ...
Paco's user avatar
  • 51
0 votes
2 answers
822 views

Multiple nested tabs alternative?

I am working on a web app for ipad and the app has nested architecture. As you see in the image we have like 3 levels of nested tab. The level 1 header has items on right side which I haven't shown ...
Diego's user avatar
  • 69
0 votes
3 answers
248 views

Navigating between steps in a wizard

I have searched for what feels like hours for an answer to this, or research to support a direction. We are using a wizard for customer creation. Currently the user can navigate between steps using '...
Michelle Walstra's user avatar
1 vote
3 answers
261 views

Is it a good practice to display only one tab

Working on an experience where there are multiple tabs that have forms in them, but they show up only if a user has selected to fill them. There is one form and thus tab by default. Is it a good ...
harshikerfuffle's user avatar
0 votes
1 answer
41 views

Tabs that can fall back to another tab when the first tab is empty?

Conceptually, I have 2 tabs that act as filters for an infinitely scrollable list. There's a local tab and a global tab. The local tab can be empty pretty often. I'd like to fall back to the global ...
Leo Jiang's user avatar
0 votes
3 answers
626 views

How to display a lots of tabs in an webpage?

I'm working for an enterprise application for the screen to create invoice from Delivery Notes. Users can add a few or a lot of Delivery Notes in the invoice form. Each delivery note add a tab in the ...
Emilie's user avatar
  • 68
0 votes
2 answers
76 views

Quick navigation between courses in an LMS

I have a webapp LMS whose workflow, for students and teachers alike, goes like this: the home page has a list of cards representing the courses available, with a button to enter the course. When ...
Samuele B.'s user avatar
1 vote
1 answer
765 views

Too many tabs - different ui layout?

I'm designing a website and I have a problem with too many tabs. The website has information on 18 different box diets (each has its own price list). On the price list subpage, I want to show a price ...
Piotr3qx's user avatar
0 votes
1 answer
72 views

msedge - get feedback for horizontal tab groups

Vertical tabs in browser edge Currently microsoft-edge has vertical tabs Proposal for horizontal tabs I would love to have the groups as normal horizontal tabs. Each Group would render one tab. ...
surfmuggle's user avatar
0 votes
1 answer
277 views

Best practice for tab contents in a web application

I am designing a web application that one of its interfaces includes a two tabs interface, if the first tab is selected then one input (a div containing tags) are shown above the tabs and if the ...
SSSOF's user avatar
  • 3
1 vote
2 answers
155 views

Should a tab selection persist after refresh?

We're currently using MUI tabs. If a user selects ITEM TWO in this example, is the expectation to persist this tab after the user refreshes the page? Or should it default back to ITEM ONE?
M Bo's user avatar
  • 1,394
0 votes
1 answer
70 views

How do I design a state machine?

I am trying to design a data catalogue page that shows the state of the data (draft, pending publish, published, pending archive, archived). When users add their data to the catalogue via a form, they ...
YVRbean's user avatar
0 votes
1 answer
173 views

How is the first 'page' of a tabbed layout represented on a sitemap?

I understand that tabbed navigation is a lateral pattern, but I'm unclear on how this is represented on a sitemap? Is the first tab visualized as a parent screen to the adjacent tabs because it is ...
Katie's user avatar
  • 23
8 votes
5 answers
4k views

How to make important unhighlighted tab more visible without conflicting with current layout and color scheme?

An email is sent out to users informing that the reviewers' comments for talk proposals are now available. The top of the page (with identifiable information blocked out) is shown below. Next to the ...
uhoh's user avatar
  • 462
1 vote
1 answer
45 views

Should a CRUD table mix user tasks?

Let's suppose our user has two primary tasks. Task 1 is to review all of today's apples, and task 2 is to turn the apples into applesauce. She is used to using an Apple Review Queue to review each of ...
Izquierdo's user avatar
  • 12.7k
0 votes
3 answers
3k views

Navigational alternative to tabs

In our very specific use case for a certain audience, users can set settings though interactive graphs. These graphs have a set name and a number. There could be as many as 10 graphs. For reasons ...
Gerlof Leuhof's user avatar
2 votes
3 answers
866 views

Expand details of a table in accordion or a new tab?

I have a table with a list of companies (only the most important properties): There is more data for each company, including another list of Licenses. To expand that company details, should I use: ...
Filip Witkowski's user avatar
0 votes
2 answers
107 views

Combining a variable size scrollable list, a fixed size scrollable form and a small fixed size non-scrollable form

I'm trying to design a desktop app and I have an Entity that has three "sections" for its settings/parameters: a short section of 5 fields (text fields, checkboxes...) - probably doesn't ...
RationalFragile's user avatar
1 vote
4 answers
719 views

Modal with horizontal tabs, each tab has different content size

I have a modal, which has horizontal tabs at the top of it. Below the tabs is the tab content. Each content has different height. Without properly handling it - the modal size will have to change, ...
Tomer Domshlak's user avatar
0 votes
2 answers
235 views

Required fields on tabs

Scenario: There are four tabs on a webpage. Each tab contains a webform. Some of the fields are required. If a user doesn't complete a required field on tab two, and clicks tab four without saving, ...
Izquierdo's user avatar
  • 12.7k
2 votes
1 answer
447 views

Collapsible sidebar vs horizontal tabs

Our application is currently using tabs for its sub-navigation. The problem is, on some pages, there are more than 6 tabs; some of its labels are long, so we have had to shorten them. One idea I have ...
M Bo's user avatar
  • 1,394
23 votes
7 answers
7k views

Should my webapp's tabs use browser tabs or an in-page tab?

I'm currently working on a web application where the pages will open in different tabs. And I'm curious which UX is better: A) tabs that open directly on the application page B) tabs that open as ...
jimmytedesky's user avatar
27 votes
4 answers
5k views

Mandatory tabs-an unusual pattern?

Sorry if this sounds silly, but have you all ever faced a scenario where one of the tabs needed to be mandatory (picture below), and the user can't submit the form without addressing that particular ...
Karthik Rajendran's user avatar
4 votes
2 answers
941 views

Do horizontally scrolling tabs on mobile have issues with long labels

Designing tab navigation for a mobile app feature, and some of the labels are going to be quite lengthy. I'm curious if this would cause usability issues for users who might not know that you can ...
Blue Ocean's user avatar
  • 10.7k
3 votes
1 answer
2k views

Progress Steppers (Progress Bars) vs Tabs

I'm currently designing an intranet application for my client. About the application: Users are required to fill in large amount of data (about 20-30 fields, depending). For example, creating a new ...
DoubleClickOnThis's user avatar
2 votes
1 answer
271 views

How can I simplify this highly nested data structure?

I have this data structure Category 1 Sub Category 1 Medium 1 Language 1 Language 2 Medium 2 Language 1 Language ...
halakoukeh's user avatar
2 votes
1 answer
96 views

Existence of filter bar, if data is not filterable

There is a page, displaying various information referring to one product. Information is divided into tabs - and within the tabs, user can filter data - but not always. Some tabs contain information ...
Iga's user avatar
  • 514
1 vote
1 answer
64 views

Pattern for infrequently used UI in desktop application

I have a desktop application where the user will paste some text into a textbox located within the tab that is initially displayed to the user. The CONVERT button will become enabled when text is ...
Sabuncu's user avatar
  • 113
3 votes
1 answer
90 views

Stuck on handling common scroll gestures

I have a screen where users can switch between tabs via swiping back and forth. In each tab, it has a list of items. Recently I implemented a gesture handler for that list (so list can have more ...
Charitha Goonewardena's user avatar
2 votes
1 answer
157 views

Mobile UX: Open full page overlay by clicking on a tab

I am creating a mobile UX in which the user presses on a tab in order to capture a 3D view of an object. Clicking on the tab opens an image capture overlay straightaway. The other 2 tabs as shown in ...
harshikerfuffle's user avatar
3 votes
1 answer
346 views

Should we animate tab switching?

I opened up a feature request for Windows Terminal to talk about adding some form of animation when doing tab switching between fields. The most common pattern is to make the transition instant. ...
Archimedes Trajano's user avatar
0 votes
0 answers
64 views

Clickable KPI tabs that update the filters

In a system, I am working on I want to create a KPI which is also a tab, like in the image from google analytics and I want it to affect the filters as well: Do you know any reference that behaves ...
Eran Bar's user avatar
  • 1,030
3 votes
3 answers
797 views

Multiple tabs vs multiple menu items

I am in the process of designing a new settings part for a section of our Saas. With my non-ux team, we are discussing wheter we should change the overall navigation of this section by removing the ...
StarGirl's user avatar
  • 205
1 vote
1 answer
946 views

Vertical tabs to horizontal tabs [closed]

Is there any comment or best practice to use the below case I have a vertical tab of material design used in desktop version of a website portal. It is a Resposive web and when the viewport size is ...
Ashwin Kulkarni's user avatar
5 votes
3 answers
319 views

Live/interactive elements in browser tab bars

I saw another interesting example of an interactive/live UI element in browser tab bars recently, this time it is a %scrolled value for a page. A very popular and common example I have seen ...
Michael Lai's user avatar
  • 27.2k
2 votes
1 answer
77 views

Best possible way to display 6 tabs with first 3 as mandatory steps and rest activated after completion of first 3?

We are revamping the attached page.We are using Angular Material framework.Requirement are as follows : 1. User needs to fill form in first three tab as mandate like a wizard or stepper. (Expected ...
Apramit's user avatar
  • 43
4 votes
2 answers
705 views

UX improvements for tabs with access control

Let's say a tab menu like the example below was used. https://www.w3schools.com/howto/howto_js_tab_header.asp Each tab has access control. Some users can see all the tabs, some users can only see ...
Ho Yuan Fa's user avatar
0 votes
2 answers
785 views

Sticky tab menu that actually scrolls the page vertically?

Not sure if the title is clear enough but i'm looking for examples and thoughts on this type of components. I looked through some single page websites but couldn't find what I was looking for right ...
sarp's user avatar
  • 85
2 votes
1 answer
74 views

Strategies for temporary highlighting a tab

I was wondering what strategies can be used to temporarily highlight a tab. With temporarily I mean change its appearance for a week or month or so to notify that something on that tab has changed. ...
bobbel's user avatar
  • 123
3 votes
1 answer
519 views

Mobile card carousel navigation

Background We are currently using a standard mobile pattern to showcase 3 cards where users can compare different plans. Problem The cards are very text heavy and contain alot of content below the ...
dmcleod's user avatar
  • 51
4 votes
3 answers
2k views

Place search above all tabs, or inside of tabs?

I've been working on a web app for the past four months. On the product page, a couple of the categories have tabs for pending, in-progress, and approved products. There is a search bar, and my ...
user134108's user avatar
2 votes
1 answer
106 views

Need feedback on displaying tabs with icons

We're building a GIS application for the Police Department. I have a widget called "Camera" and in that widget, we've added multiple camera locations as per their geo-ids. The camera widget ...
Bhushan Patil's user avatar

1
2 3 4 5
8