Problem: The Inspector cuts off menu items and scroll isn't apparent in documents with large numbers of tabs.
This adds to users not being able to find links.

These potential solutions were only tested in Chrome

Status quo

Observation

Record ID

14

Creator Adam.Erikson
Date 04/06/2021
Date Updated On (UTC) 04/06/2021

Tabs

  • Initial details
  • Observations
  • At Risk Questions
  • Positive
  • Close Record

Tools

  • Attachments
  • Links

Status

Complete Record
Imitation of current version
Page height is artificially fixed to 600px to show scroll issues.
There is actually scrolling there below 'positive' but no affordability.

Option 1: Gradient

Observation

Record ID

14

Creator Adam.Erikson
Date 04/06/2021
Date Updated On (UTC) 04/06/2021

Tabs

  • Initial details
  • Observations
  • At Risk Questions
  • Positive
  • Close Record

Tools

  • Attachments
  • Links

Status

Complete Record
Gradient is added for affordability. Pure CSS solution.
Still doesn't help if nothing is showing through gradient like in the example.

Option 2: Scrollbar

Observation

Record ID

14

Creator Adam.Erikson
Date 04/06/2021
Date Updated On (UTC) 04/06/2021

Tabs

  • Initial details
  • Observations
  • At Risk Questions
  • Positive
  • Close Record

Tools

  • Attachments
  • Links

Status

Complete Record
This is hard to control on all browsers and may look very clunky.

Option 3: Move Status to Meta-data & make expandible

Observation

RECORD ID
14
Creator Adam.Erikson
Date 04/06/2021
Date Updated 04/06/2021
Status
Complete Record

Tabs

  • Initial details
  • Observations
  • At Risk Questions
  • Positive
  • Close Record

Tools

  • Attachments
  • Links
This saves a lot of room but doesn't solve all cases

Option 4: Meta AND fixing tools to bottom, scrolling only tabs

Observation

RECORD ID
14
Creator Adam.Erikson
Date 04/06/2021
Date Updated 04/06/2021
Status
Complete Record

Tabs

  • Initial details
  • Observations
  • At Risk Questions
  • Positive
  • Close Record
  • Never gonna give you up
  • Never gonna let you down
  • Never gonna run around
  • and desert you

Tools

  • Attachments
  • Links
Still some issues. Added extra menu items to tabs to enable scrolling

Option 5: Best of above plus scroll icon?

Observation

RECORD ID
14
Creator Adam.Erikson
Date 04/06/2021
Date Updated 04/06/2021
Status
Complete Record
Incomplete Actions
2/4

Tabs

  • Initial details
  • Observations
  • At Risk Questions
  • Positive
  • Close Record
  • Never gonna give you up
  • Never gonna let you down
  • Never gonna run around
  • and desert you

Tools

  • Attachments
    0
  • Links
    3