jaeger-ui
jaeger-ui copied to clipboard
Better display of long service names
Now we use uri as the span name, which may cause the operationName drop-down option on the interface to be incomplete.
like this:
I suggest that you can display the complete operation when the mouse is hovering over the selected operationName.
Yes, that works. But the user will be happier if he can see the operation name content while scrolling without hovering.
I have a couple of other solutions to discuss.
- Having horizontal scroll bar for operation name select box
- Instead of vertically stacked form, should we go for horizontal form?
@tiffon @everett980 Please let us know your thoughts. Thanks
@openmohan and @wuyupengwoaini 1 - the operation name should be visible in a tool tip when hovering, at least it is for me. Which browsers and operating systems are you two using? That said, I'm not opposed to being able to horizontally scroll through the currently selected operation name.
2 - we have a vertically stacked form as the search results view is very vertical. Making the search form horizontal above the search results would restrict the number of results than can be viewed at one time. Without a larger overhaul effort (such as #213 ) I wouldn't want to change the search form orientation.
I also have this issue, where I see operation names often exceed the length of the drop-down. When they do, hovering for tooltips to distinguish actions with the same first N characters is inconvenient.
A couple alternatives to 1 & 2:
- could the drop-down exceed the width of the parent selection box? EX (forgive my MS paint skills):
- could the "Find Traces" box be horizontally resizable? This could give users the option of playing with the ratio of space for filtering and viewing traces.
- could the "Find Traces" box be horizontally resizable? This could give users the option of playing with the ratio of space for filtering and viewing traces.
I like this approach as it mirrors our solution to the same problem on the gantt chart view.
- could the drop-down exceed the width of the parent selection box? EX (forgive my MS paint skills):
Is also pretty good. We recently added a popover-based dropdown that would work: FilteredList
. This has the added benefit of reusing a more feature rich dropdown that has better searching for dropdown entries.