0

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 screen but if there are too many tabs, it creates a second line of tabs. This solution is not OK because it takes space in the screen and we prefer keep space for the table content (the table have much more columns and lines than the one in the wireframe) tabs on 2 lines

I'm looking for other ideas for these case.

1 - Enable horizontal scrolling for tabs and guide users with a clickable arrow icon. The question is : Is it enough intuitive ? Scrolling on tabs 2 - Add a dropdown list to select a tab not visible. The question is : how to display the tab selected with the dropdown ? enter image description here

Any others ideas or any suggestions ?

Thanks a lot :)

7
  • 1
    Looks like tabs are not the solution here. Are you stuck with the tab concept or are you open to taking a step back and try a different approach? In the case of the latter a little more background info and context is needed to be able to give suitable ideas for your situation.
    – jazZRo
    May 11, 2023 at 10:12
  • 2
    Does this answer your question? Too many tabs - different ui layout?
    – Danielillo
    May 11, 2023 at 10:25
  • This same question is repeated several times, use the search field to see all of them with their respective answers
    – Danielillo
    May 11, 2023 at 10:28
  • Hi @jazZRo it's already developped, so yes we're blocked with the tabs solution.
    – Emilie
    May 12, 2023 at 7:18
  • Hello @Danielillo I'd already seen these posts before I send mine. And unfortunately it's not answer my question, it's not the same context. The number of my tabs is dynamic (added by the users). In a lot of case, it would display well because the number of tabs is under 8. But sometimes, users need to add more tabs. :)
    – Emilie
    May 12, 2023 at 7:23

3 Answers 3

0

I'm going to pitch this in the 'other ideas or suggestions' you request, to keep on topic!

I would go back to first principles. Can you reduce the volume of information by:

  • removing columns?
  • combining columns?
  • moving repeated information from the columns to the heading (e.g. 'Price' and 'Total amount' repeat € every time)
  • presenting different (smaller) tables depending on the user's task
  • presenting less important information at a lower level

Could you replace the tabs with accordions and allow the user to view one or more at the same time?

1
  • Hi @Peter Thanks for your answer. For the table and the number of columns, of course we already thinking about the firt principles but our enterprise application is about a very specific activity sector and the users absolutely need all the columns. But this is OK. My problem is about the tabs, it's already developed so we can't change this. :)
    – Emilie
    May 12, 2023 at 7:27
0

After an inspiring watch, I found the same problematic on muliples tools : Excel, Teams, Monday and Google Sheets.

I prefer Google Sheets solution. If it can help anyone, here are some details :)

You can add a few or a lot of tabs like in our enterprise app, and to navigate throw tabs you can do it from different ways :

  1. By clicking on the menu icon : it opens the list of all tabs
  2. By simply scrolling over the tabs
  3. By clicking on the arrows (on the right of the screen but a little cropped by the capture tool). enter image description here
0

Vertical tabs along the left edge, like a secondary or tertiary navigation.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.