Skip to main content
We’ve updated our Terms of Service. A new AI Addendum clarifies how Stack Overflow utilizes AI interactions.
User Experience

Questions tagged [overflow]

Ask Question

Questions relating to there being 'too much stuff' in a user interface. Creative ways to reduce.

55 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
1 vote
1 answer
41 views

I’m working on a filter component with this scenario: One filter is mandatory (single select) and the second filter is optional (multi select). If the second filter is empty, it currently means “all ...
Anglerpisc's user avatar
  • 11
10 votes
2 answers
2k views

We have a well-developed breadcrumbs component in the design system. Its logic is that breadcrumbs containing more than 5 elements are reduced and a drop-down menu appears. Currently, we show the ...
Юлия Байдак's user avatar
  • 131
1 vote
0 answers
279 views

I built a dashboard that contains sidebar with collapse. When I try to put chartjs and make it display:grid, it turns out it is overlapping the right side when turning of the collapse. Here is my html ...
rickp4012's user avatar
  • 11
2 votes
1 answer
1k views

This is something that has bothered me a lot on how to approach. I like to use "ugly data" in my wireframes since my goal isn't to have pretty wireframes, but functional ones. Using simple ...
nine's user avatar
  • 21
5 votes
3 answers
608 views

I have come across this challenge where a developer is asking me as to how to show a large account balance in a small pill. In case of webapps, we show ellipsis and tool tips in order to show the ...
Sheraz's user avatar
  • 1,809
2 votes
1 answer
261 views

We have a bottom bar menu in one of our mobile applications with an overflow icon which currently opens the overflow menu. Here is what it currently looks like: We are updating our application UI ...
calgal90's user avatar
  • 67
4 votes
1 answer
568 views

I'm currently researching what are the best practices for handling a lot of actions on a data table. The two that I'm familiar with are grouping actions together in a command menu, using the action ...
Kristina's user avatar
  • 41
2 votes
2 answers
86 views

When somebody hovers on the heading "Thanksgiving", the full text appears as tooltip. The problem here is the Heading must be easy to copy so that user can send it to another user for particular ...
Nicolas's user avatar
  • 307
2 votes
3 answers
3k views

I'm working on a project using Google's Material Design and am running into an issue where we need to truncate table cell content. There is a spec for truncating table headers and showing the full ...
Chris's user avatar
  • 21
2 votes
6 answers
657 views

I'm making a UX/UI for Telenor software that we are developing as summer project. How to do the navigation/controls for this Software style: I'm stuck on how best to do the Add Entry for this tab. ...
badarshahzad's user avatar
  • 129
2 votes
2 answers
1k views

For overflow and more menus, Google Material Design seems to favour vertical dot menus, see Apple seems to favour horizontal dot menus (see https://i.sstatic.net/qEdr3.jpg). On desktop applications, ...
Marnie A.'s user avatar
  • 121
4 votes
4 answers
1k views

So I really like Semantic UI, and take a lot of direction from them when I can. I have a stepped-process checkout, and have taken after their "Ordered Step" UI. However, sadly, even their component ...
j_d's user avatar
  • 153
2 votes
1 answer
70 views

I know that your suppose to have the most important content and information in front view. In other words, users shouldn't have to scroll to get to the content. However, what about the content of ...
Matthew Malan's user avatar
  • 21
19 votes
9 answers
3k views

I have a music player where song that is being played is displayed on top side. Often there is a case where name of the song that is being played is long enough that it can't be shown completely due ...
Aditya Ponkshe's user avatar
  • 301
5 votes
5 answers
3k views

I have an issue with a simple image slider on a mobile application. The slider uses bullets to indicate the pages of the slider. Now, it became quickly evident that the navigation bullets could easily ...
DennisW's user avatar
  • 1,079
3 votes
3 answers
2k views

I am evaluating ideas for displaying that there is hidden overflow text in a fixed-size single-line input box. I this data entry application, we need to keep a particular textbox's width as narrow as ...
theChrisMarsh's user avatar
  • 73
11 votes
9 answers
2k views

This is clearly bad UX and web development: It's important to make sure that email addresses and URLs don't overflow the container, but also that they are fully visible. But should the email address ...
Baumr's user avatar
  • 928
8 votes
2 answers
1k views

This may be an impossible question to answer but I'll put it out there anyway. Basically whats an elegant way to handle dynamic text in a fixed width area. See the example below... how would you ...
Doug McK's user avatar
  • 253
16 votes
4 answers
9k views

I'm developing a system which will only be used by trained operators. Along the side is a live feed of new records coming in to the system, which is designed specifically to be used at fullscreen in ...
TJH's user avatar
  • 2,699
22 votes
4 answers
7k views

Tabbed interfaces where the number of tabs is up to the user employ different solutions for the point where tabs of the default size no longer fit on the screen. Google Chrome begins to reduce the ...
Vitaly Mijiritsky's user avatar
  • 31.6k
4 votes
4 answers
2k views

I have a database driven asp.net mvc3 web application. In it, a user can go to a page and enter data based on the completion of a task. I bolded the task because it is hugely weighted in this ...
Travis J's user avatar
  • 201
4 votes
4 answers
244 views

I have some URLs and emails that are output into a column with borders, which is sometimes too narrow for the data. As a result it "spills over" the border on the right. It's too late to change the ...
montrealist's user avatar
  • 153
9 votes
4 answers
2k views

I am having a problem trying to find out how to display the page numbers on a forum in a pleasant way. Please look at the picture below: As the picture shows, the page numbers appear to the right of ...
kettlepot's user avatar
  • 583
61 votes
12 answers
89k views

Related to This Question, I'm interested in what I should do with a responsive design theme where the users have control over the columns which are displayed in a tabular, data rich page. Users are ...
xdumaine's user avatar
  • 827
2 votes
1 answer
428 views

I am developing mockups for several charts that we need to display. One of the recurring problems I encounter is that the labels for the category axis (y-axis in this case) are actually made of of ...
Ryan Taylor's user avatar
  • 185
14 votes
10 answers
3k views

I have a form which dynamically creates the user's choices as radio buttons. It functionally works, but it does not look that pretty. It looks ugly, particularly if the number of radio buttons grows. ...
chack's user avatar
  • 399
10 votes
4 answers
4k views

Problem: I've got a table with 10 columns and ~100 rows. What is the best way to present these on small screens? My idea: effective search + data displayed row-by-row. Is there any better solution?
Csongor Fabian's user avatar
  • 1,062
8 votes
4 answers
3k views

I'm working on a theme for a forum, and I'm trying to display the top 20 most recently updated topics in the sidebar. The problem is, a list of 20 items takes up a lot of space. My solution was to ...
user avatar
10 votes
5 answers
6k views

I have a table that lists various attributes of an individuals personal development plan; objective, time to complete objective, comments etc. The table is editable so the user can directly add ...
colmcq's user avatar
  • 8,300
13 votes
5 answers
4k views

I am building a web app that requires user input of text and images to be placed on a PDF page which will later be printed as a letter. This page will have a specified area for text and a specified ...
sirtimbly's user avatar
  • 2,053
6 votes
4 answers
12k views

I am working on an iPad application that currently uses a UITabBar as the prevailing navigation element. The application has maxed out the number of buttons on the bar and is now forcing a More ...
Wayne Hartman's user avatar
  • 163
19 votes
3 answers
1k views

A piece of software that I'm updating uses some incredibly long labels, but due to the nature of the software (taxes and payroll) this seems unavoidable at times. On some pages, maybe 50% of the ...
Baa's user avatar
  • 1,948
2 votes
4 answers
2k views

I mean big tables, and not just rows. Full blown cross tabulated tables (think about 20 rows and 30 columns, the sort of thing you generally do not see on websites, because they are difficult to ...
The Question's user avatar
  • 709
11 votes
3 answers
1k views

Question I love Last.fm's bar graph. It allows me to quickly compare how someone plays one song over another. I'm trying to apply the same design to my app. It monitors the health of servers and ...
JoJo's user avatar
  • 10.9k
8 votes
5 answers
1k views

I have a simple dashboard for project managers. It's intended to give very basic information, and to give them a "launching point" to get to all the most important things they need to take action on. ...
richard's user avatar
  • 3,294
8 votes
5 answers
3k views

For quite some time I've been looking around the web for alternatives to a dropdown list in assignment of data (i.e., during data capture that will be saved, NOT when searching for some data). One ...
bonifaz's user avatar
  • 211
14 votes
3 answers
25k views

I have a CMS site with Content Library where on pagination I show all the contents with pagination with each page showing 10 links. like. <<First <<previous 1 2 3 4 5 6 7 8 9 10 next>&...
sushil bharwani's user avatar
  • 1,167
7 votes
4 answers
887 views

Current UI Here is a poorly designed panel on a preferences dialog for the open source audio editor 'Audacity'. I'd like to do something about it. How it got that way In the past the text beside ...
James Crook's user avatar
  • 4,593
5 votes
8 answers
3k views

I have created a webpage, but my boss came back saying that the page is too busy. I was just wanting some ideas of how to split up the page e.g. accordion, tabs etc. What tactics have you implemented ...
Timothy Ruhle's user avatar
  • 175
2 votes
2 answers
180 views

Sometimes a layout doesn't look great for all the different variations in data it will have. For example: Say you have a style set for the headings on a particular type of page, like a product page. ...
JD Isaacks's user avatar
  • 243
1 vote
4 answers
1k views

We are currently thinking of a redesign of our corporate site: http://www.active.hu/en/introduction I would like to replace the double tab navigation in the top, because it takes a huge amount of ...
Roland Pokornyik's user avatar
  • 5,070
123 votes
14 answers
696k views

I often have very limited space when creating reports and dashboards for users. I usually use Arial, or Arial Narrow, but UI isn't my area of expertise, so I want to know, how do you determine an ...
richard's user avatar
  • 3,294
3 votes
2 answers
258 views

We have a web application that has a lot of controls and has steps that the user progresses through. Most of the steps are on the same page, and when one section is done, we don't necessarily need to ...
Bernhard Hofmann's user avatar
  • 1,005
11 votes
3 answers
6k views

In my application users are required to select from a drop down, a list of projects they wish to include in their custom search. The easy part is that users can select one project to filter on or ...
Cliftwalker's user avatar
  • 361
83 votes
8 answers
21k views

I've been pondering the best way to show a deep hierarchy for a desktop application I'm working on. Here are some alternative designs I'm considering... Mac OSX Finder: If you understand what you're ...
devuxer's user avatar
  • 1,862
13 votes
6 answers
1k views

I'm trying to design a portion of a web interface that allows users to tag items and view all items with a tag or set of tags on them - think gmail, if gmail allowed you to easily select multiple tags ...
sslepian's user avatar
  • 271
5 votes
2 answers
1k views

At the top of the application we have a function bar that (almost) contains all functions that can be done on entries in a table below, quite similar to Office Fluent UI. We try to minimize the amount ...
marten's user avatar
  • 53
41 votes
9 answers
17k views

One of our clients wants us to build a web application to share information about the magazines he publishes. Each edition of a magazine contains a variable amount of advertisers. These advertisers ...
Kristof Claes's user avatar
  • 843
14 votes
5 answers
9k views

When displaying data in a grid (each row contains a record, each column a different record field), vertical space need is easily solved with scrolling or paging. We are usually sooner missing ...
Mart's user avatar
  • 2,048
234 votes
23 answers
157k views

We're building a web-based platform where the main dashboard shows a table of data for users to view and analyze. As we're growing this tool, we seem to be adding more and more columns and are running ...
Jason's user avatar
  • 2,765

1
2