Bug 1086872

Summary: [RFE] truncate select box entries with too many characters
Product: [oVirt] ovirt-engine Reporter: Einav Cohen <ecohen>
Component: Frontend.WebAdminAssignee: Nobody <nobody>
Status: CLOSED CURRENTRELEASE QA Contact: Pavel Stehlik <pstehlik>
Severity: low Docs Contact:
Priority: low    
Version: ---CC: bugs, gshereme, masayag, myakove, nyechiel, oourfali, rbalakri, Rhev-m-bugs, srevivo, ykaul
Target Milestone: ---Keywords: FutureFeature, Improvement, UserExperience
Target Release: ---Flags: ylavi: ovirt-future?
rule-engine: planning_ack?
rule-engine: devel_ack?
rule-engine: testing_ack?
Hardware: x86_64   
OS: Linux   
Whiteboard:
Fixed In Version: Doc Type: Enhancement
Doc Text:
Story Points: ---
Clone Of: 1030955 Environment:
Last Closed: 2017-11-30 17:52:02 UTC Type: Bug
Regression: --- Mount Type: ---
Documentation: --- CRM:
Verified Versions: Category: ---
oVirt Team: UX RHEL 7.3 requirements from Atomic Host:
Cloudforms Team: --- Target Upstream Version:
Embargoed:
Bug Depends On: 1030955    
Bug Blocks:    
Attachments:
Description Flags
bootstrap select ellipsis example
none
already looks fine 1
none
already looks fine 2 none

Description Einav Cohen 2014-04-11 17:25:25 UTC 
+++ This bug was initially created as a clone of Bug #1030955 +++

long drop-down items (i.e. when item text exceeds width of drop-down) - need to crop text, suffix with "..." and add a tool-tip with the full text. 

if the long drop-down items are of a "name+description"/"object1+object2" nature, need to use the solution that currently exists for "DataCenter/Cluster" / "Template" / "Version" / ... in the New VM dialog.
Comment 2 Yaniv Kaul 2017-11-16 13:07:53 UTC 
How is that addressed, if any, in 4.2 new UI?
Comment 3 Greg Sheremeta 2017-11-18 13:47:00 UTC 
(In reply to Yaniv Kaul from comment #2)
> How is that addressed, if any, in 4.2 new UI?

It hasn't been.

Where we use bootstrap-select, putting the ellipsis on is easy -- see attached screenshot. The browser does this for free with CSS.

However, there is not a good solution for detecting when the ellipsis is applied (so a tooltip can be applied showing the un-truncated value).
Comment 4 Greg Sheremeta 2017-11-18 13:49:34 UTC 
Created attachment 1354710 [details]
bootstrap select ellipsis example
Comment 5 Greg Sheremeta 2017-11-30 17:50:20 UTC 
Correction: this has been addressed in the specific examples by removing the "something / something" else type selects. See screenshots for examples.

Closing.
Comment 6 Greg Sheremeta 2017-11-30 17:50:55 UTC 
Created attachment 1361086 [details]
already looks fine 1
Comment 7 Greg Sheremeta 2017-11-30 17:51:26 UTC 
Created attachment 1361088 [details]
already looks fine 2