<html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">Andres, MacOS truncates in the middle ;)<div class=""><br class=""></div><div class=""><img apple-inline="yes" id="0073E378-7389-48C5-9548-F51FAFB91324" height="110" width="209" apple-width="yes" apple-height="yes" src="cid:0ED6F9E6-03A2-4F8E-B191-56AC9F7E7E18" class=""></div><div class=""><br class=""><div><blockquote type="cite" class=""><div class="">On 24 Oct 2016, at 13:59, Catherine Robson <<a href="mailto:crobson@redhat.com" class="">crobson@redhat.com</a>> wrote:</div><br class="Apple-interchange-newline"><div class=""><div dir="ltr" class="">+1 to needing both end and middle based on the use case.</div><div class="gmail_extra"><br class=""><div class="gmail_quote">On Mon, Oct 24, 2016 at 10:53 AM, Matt Carrano <span dir="ltr" class=""><<a href="mailto:mcarrano@redhat.com" target="_blank" class="">mcarrano@redhat.com</a>></span> wrote:<br class=""><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr" class=""><div class=""><div class=""><div class=""><br class=""><br class=""></div>The middle truncation is really useful for long path names that will all share the same prefix. Think about things like files names or disk names that are required to display the full path name. If out truncate the end, all of the name strings will be identical at a glance. Middle truncation allows you to see what's different, which is usually at the end of the long string.<br class=""><br class=""></div>I would expect that there are some standard algorithms out there for doing this. End truncation is likely to be the default choice, but I think we need both.<span class="HOEnZb"><font color="#888888" class=""><br class=""><br class=""></font></span></div><span class="HOEnZb"><font color="#888888" class="">Matt<br class=""></font></span></div><div class="HOEnZb"><div class="h5"><div class="gmail_extra"><br class=""><div class="gmail_quote">On Mon, Oct 24, 2016 at 10:39 AM, Andres Galante <span dir="ltr" class=""><<a href="mailto:agalante@redhat.com" target="_blank" class="">agalante@redhat.com</a>></span> wrote:<br class=""><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr" class="">Hi Liz,<div class=""><br class=""></div><div class="">That's great information, this is the first time I heard about truncation in the middle of the word.</div><div class=""><br class=""></div><div class="">I am sure that middle of the string truncation can be done with javascript, but CSS only allows to do it at the end of it. I'd say that unless there is a really good reason to do it in the middle lets try to avoid JS.</div><div class=""><br class=""></div><div class="">Thanks!</div><div class=""><br class=""></div><div class="">Andrés</div><div class=""><br class=""></div></div><div class="m_-1549305690452232695HOEnZb"><div class="m_-1549305690452232695h5"><div class="gmail_extra"><br class=""><div class="gmail_quote">On Mon, Oct 24, 2016 at 11:24 AM, Matt Carrano <span dir="ltr" class=""><<a href="mailto:mcarrano@redhat.com" target="_blank" class="">mcarrano@redhat.com</a>></span> wrote:<br class=""><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr" class=""><div class="">This is great, Liz. I think that your proposed text will add a lot of clarity to the choice between these two methods. Will look forward to seeing some examples of truncated names and we can evaluate further.<span class="m_-1549305690452232695m_-3645316839301385220HOEnZb"><font color="#888888" class=""><br class=""><br class=""></font></span></div><span class="m_-1549305690452232695m_-3645316839301385220HOEnZb"><font color="#888888" class="">Matt<br class=""></font></span></div><div class="m_-1549305690452232695m_-3645316839301385220HOEnZb"><div class="m_-1549305690452232695m_-3645316839301385220h5"><div class="gmail_extra"><br class=""><div class="gmail_quote">On Mon, Oct 24, 2016 at 10:11 AM, Liz Blanchard <span dir="ltr" class=""><<a href="mailto:lsurette@redhat.com" target="_blank" class="">lsurette@redhat.com</a>></span> wrote:<br class=""><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr" class="">Hi All,<br class=""><br class="">I've been thinking about truncation a bit and was looking into some UX standards on the topic. It's all very much in line with the examples that Greg and Ju have given. What do you all think about extending the PatternFly "Truncation" section on the Terminology and Wording page [1] to include something like the following...<br class=""><br class=""><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><i class="">"Using an ellipsis to truncate a long string is recommended. There are two different methods that could be applied. One is to truncate at the end of the string "abcdef..." and the other would be to truncate in the middle of the string "abc...ghi".<br class="">Choose the method on the basis of whether text at the end or in the middle of the string is more likely to differentiate the item. This would be dependent on the domain.<br class="">On a property website, for instance, an address string will usually end 'Road' or 'Street'. So the form 'abc...def' won't be much use as the final characters will almost always be 'oad' or 'eet', neither of which help the user.<br class="">If the answer is not clear, default to the 'abcdef...' form over 'abc...ghi'. Partial words will most likely be easier to guess from the initial characters than the end ones. 'Openi...' is much more recognizable than '...ening', for example."</i></blockquote><br class="">I'd also like to add in a statement where we suggest the use of the tool tip on hover to view the entire string.<br class=""><div class=""><br class=""></div><div class="">I'm working on some specific use cases with the Storage product and we definitely are seeing the need for both methods. More commonly, we will be using method 1 for things like Cluster Name and Pool Name, but we are considering method two for things like Hostname where the end characters are important in differentiating the items in the list.<br class=""><br class="">Any further thoughts on this?<div class=""><br class="">Thanks!<br class="">Liz</div><div class=""><br class="">[1] <a href="http://www.patternfly.org/styles/terminology-and-wording/#_" target="_blank" class="">http://www.patternfly.org/styl<wbr class="">es/terminology-and-wording/#_</a></div></div></div><div class="m_-1549305690452232695m_-3645316839301385220m_479518845965953878HOEnZb"><div class="m_-1549305690452232695m_-3645316839301385220m_479518845965953878h5"><div class="gmail_extra"><br class=""><div class="gmail_quote">On Thu, Oct 20, 2016 at 8:12 PM, Andres Galante <span dir="ltr" class=""><<a href="mailto:agalante@redhat.com" target="_blank" class="">agalante@redhat.com</a>></span> wrote:<br class=""><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Hi Matt, we definitely need guides around truncation, not only on server names but in general.<div class=""><br class=""></div><div class="">It's always a grey area how and when to truncate.</div><div class=""><br class=""></div><div class="">If working on Tendrl you can come up with some refomendations we can apply them to our patterns.</div><div class=""><br class=""></div><div class="">Let me know if I can help in any way, we can test things up in different use cases to see if it works</div><div class=""><br class=""></div><div class="">Thanks!<span class=""></span></div><div class="m_-1549305690452232695m_-3645316839301385220m_479518845965953878m_6852773462657803020HOEnZb"><div class="m_-1549305690452232695m_-3645316839301385220m_479518845965953878m_6852773462657803020h5"><div class=""><br class="">On Monday, 10 October 2016, Ju Lim <<a href="mailto:julim@redhat.com" target="_blank" class="">julim@redhat.com</a>> wrote:<br class=""><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr" class="">This generally works for most names except I've found in certain contexts from previous experience that truncating in the front made more sense, e.g. "...xyz" for MAC Addresses and SAN nicknames as it was less useful doing it as "xyz..." since the beginning portion was repeated a lot and didn't help so much with uniquely identifying the object.<div class=""><br class=""></div><div class="">An interesting consideration is if there is a need for truncation of an IPv6 addresses, how do we tackle this. I know IPv6 already includes truncation in the spec, but there are going to be circumstances where we may need to go beyond this. Thoughts?</div><div class=""><br class=""></div><div class="">Regards,</div><div class="">Ju</div></div><div class="gmail_extra"><br class=""><div class="gmail_quote">On Sat, Oct 8, 2016 at 11:59 AM, Greg Sheremeta <span dir="ltr" class=""><<a class="">gshereme@redhat.com</a>></span> wrote:<br class=""><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr" class="">Hi Matt / all,<div class=""><br class=""></div><div class="">This gets tricky when you have machine names in your listings!</div><div class="">my_super_important_vm_1</div><div class="">my_super_important_vm_2</div><div class="">his_super_important_vm_1</div><div class=""><br class=""></div><div class="">^ Either way you truncate that "column", someone's going to lose some important info, and looking through the column will be frustrating for the users.</div><div class=""><br class=""></div><div class="">In oVirt, we take the simple approach and truncate at the end. And, in most places where there is truncation, hovering over the truncated string shows you (via tooltip) the entire string:</div><div class=""><br class=""></div><div class=""><span id="cid:ii_157a503f1781768e"><Selection_115.png></span><br class=""></div><div class=""><br class=""></div><div class="">My recommendation for PatternFly: recommend / default to end truncation with "...". I like the hover-show-full-name feature -- that's something UX people should discuss re: if it should exist and what it would look like. (We use PF tooltips, but I could see other widgets being useful.)</div><div class=""><br class=""></div><div class="">Best wishes,</div><div class="">Greg</div><div class=""><br class=""></div><div class="gmail_extra"><div class="gmail_quote"><div class=""><div class="">On Fri, Oct 7, 2016 at 2:08 PM, Matt Carrano <span dir="ltr" class=""><<a class="">mcarrano@redhat.com</a>></span> wrote:<br class=""></div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div class=""><div class=""><div dir="ltr" class=""><div class=""><div class=""><div class=""><div class=""><div class="">Hey Patternflyers,<br class=""><br class=""></div>I am currently working on the Tendrl storage console project and need to come up with some guidance on how to truncate long names that may appear in our UI. I'm thinking of things like hostnames, disk names, and other types of objects that may take on a potentially long path name based on user naming. PatternFly currently provides some general guidance, but no specific rules.<br class=""><br class=""></div>I'm curious how you are handling this on other projects as I know it's a common problem. Do you truncate in the middle of the string, the end of the string, or have another method?<br class=""><br class=""></div>Any advice or examples will be welcome.<br class=""><br class=""></div>Regards,<br class=""><br class=""></div>Matt<span class=""><font color="#888888" class=""><br clear="all" class=""><div class=""><div class=""><div class=""><div class=""><div class=""><div class=""><br class="">-- <br class=""><div data-smartmail="gmail_signature" class=""><div dir="ltr" class=""><div class=""><div class=""><div class="">Matt Carrano<br class=""></div>Sr. Interaction Designer<br class=""></div>Red Hat, Inc.<br class=""></div><a class="">mcarrano@redhat.com</a><br class=""></div></div>
</div></div></div></div></div></div></font></span></div>
<br class=""></div></div>______________________________<wbr class="">_________________<br class="">
Patternfly mailing list<br class="">
<a class="">Patternfly@redhat.com</a><br class="">
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank" class="">https://www.redhat.com/mailman<wbr class="">/listinfo/patternfly</a><br class="">
<br class=""></blockquote></div><span class=""><font color="#888888" class=""><br class=""><br clear="all" class=""><div class=""><br class=""></div>-- <br class=""><div data-smartmail="gmail_signature" class=""><div dir="ltr" class=""><div class="">Greg Sheremeta, MBA<br class="">Red Hat, Inc.<br class="">Sr. Software Engineer<br class=""><a class="">gshereme@redhat.com</a><br class=""></div></div></div>
</font></span></div></div>
<br class="">______________________________<wbr class="">_________________<br class="">
Patternfly mailing list<br class="">
<a class="">Patternfly@redhat.com</a><br class="">
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank" class="">https://www.redhat.com/mailman<wbr class="">/listinfo/patternfly</a><br class="">
<br class=""></blockquote></div><br class=""><br clear="all" class=""><div class=""><br class=""></div>-- <br class=""><div data-smartmail="gmail_signature" class=""><div dir="ltr" class="">Ju Lim<div class="">Red Hat</div><div class="">Office: <a href="tel:978-399-0422" value="+19783990422" target="_blank" class="">978-399-0422</a></div><div class="">Mobile: <a href="tel:781-507-1323" value="+17815071323" target="_blank" class="">781-507-1323</a></div><div class="">Email: <a class="">julim@redhat.com</a></div><div class="">IRC: julim</div><div class=""><br class=""></div></div></div>
</div>
</blockquote></div>
</div></div><br class="">______________________________<wbr class="">_________________<br class="">
Patternfly mailing list<br class="">
<a href="mailto:Patternfly@redhat.com" target="_blank" class="">Patternfly@redhat.com</a><br class="">
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank" class="">https://www.redhat.com/mailman<wbr class="">/listinfo/patternfly</a><br class="">
<br class=""></blockquote></div><br class=""></div>
</div></div><br class="">______________________________<wbr class="">_________________<br class="">
Patternfly mailing list<br class="">
<a href="mailto:Patternfly@redhat.com" target="_blank" class="">Patternfly@redhat.com</a><br class="">
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank" class="">https://www.redhat.com/mailman<wbr class="">/listinfo/patternfly</a><br class="">
<br class=""></blockquote></div><br class=""><br clear="all" class=""><br class="">-- <br class=""><div class="m_-1549305690452232695m_-3645316839301385220m_479518845965953878gmail_signature" data-smartmail="gmail_signature"><div dir="ltr" class=""><div class=""><div class=""><div class="">Matt Carrano<br class=""></div>Sr. Interaction Designer<br class=""></div>Red Hat, Inc.<br class=""></div><a href="mailto:mcarrano@redhat.com" target="_blank" class="">mcarrano@redhat.com</a><br class=""></div></div>
</div>
</div></div></blockquote></div><br class=""></div>
</div></div></blockquote></div><br class=""><br clear="all" class=""><br class="">-- <br class=""><div class="m_-1549305690452232695gmail_signature" data-smartmail="gmail_signature"><div dir="ltr" class=""><div class=""><div class=""><div class="">Matt Carrano<br class=""></div>Sr. Interaction Designer<br class=""></div>Red Hat, Inc.<br class=""></div><a href="mailto:mcarrano@redhat.com" target="_blank" class="">mcarrano@redhat.com</a><br class=""></div></div>
</div>
</div></div><br class="">______________________________<wbr class="">_________________<br class="">
Patternfly mailing list<br class="">
<a href="mailto:Patternfly@redhat.com" class="">Patternfly@redhat.com</a><br class="">
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank" class="">https://www.redhat.com/<wbr class="">mailman/listinfo/patternfly</a><br class="">
<br class=""></blockquote></div><br class=""></div>
_______________________________________________<br class="">Patternfly mailing list<br class=""><a href="mailto:Patternfly@redhat.com" class="">Patternfly@redhat.com</a><br class="">https://www.redhat.com/mailman/listinfo/patternfly<br class=""></div></blockquote></div><br class=""><div class="">
<div class="">Gabriel Cardoso</div><div class="">UX designer @ Red Hat</div><div class=""><br class=""></div><br class="Apple-interchange-newline">
</div>
<br class=""></div></body></html>