<div dir="ltr">+1 to needing both end and middle based on the use case.</div><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Oct 24, 2016 at 10:53 AM, Matt Carrano <span dir="ltr"><<a href="mailto:mcarrano@redhat.com" target="_blank">mcarrano@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div><div><div><br><br></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><br></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"><br><br></font></span></div><span class="HOEnZb"><font color="#888888">Matt<br></font></span></div><div class="HOEnZb"><div class="h5"><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Oct 24, 2016 at 10:39 AM, Andres Galante <span dir="ltr"><<a href="mailto:agalante@redhat.com" target="_blank">agalante@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Hi Liz,<div><br></div><div>That's great information, this is the first time I heard about truncation in the middle of the word.</div><div><br></div><div>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><br></div><div>Thanks!</div><div><br></div><div>Andrés</div><div><br></div></div><div class="m_-1549305690452232695HOEnZb"><div class="m_-1549305690452232695h5"><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Oct 24, 2016 at 11:24 AM, Matt Carrano <span dir="ltr"><<a href="mailto:mcarrano@redhat.com" target="_blank">mcarrano@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div>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"><br><br></font></span></div><span class="m_-1549305690452232695m_-3645316839301385220HOEnZb"><font color="#888888">Matt<br></font></span></div><div class="m_-1549305690452232695m_-3645316839301385220HOEnZb"><div class="m_-1549305690452232695m_-3645316839301385220h5"><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Oct 24, 2016 at 10:11 AM, Liz Blanchard <span dir="ltr"><<a href="mailto:lsurette@redhat.com" target="_blank">lsurette@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Hi All,<br><br>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><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><i>"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>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>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>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>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><div><br></div><div>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><br>Any further thoughts on this?<div><br>Thanks!<br>Liz</div><div><br>[1] <a href="http://www.patternfly.org/styles/terminology-and-wording/#_" target="_blank">http://www.patternfly.org/styl<wbr>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><div class="gmail_quote">On Thu, Oct 20, 2016 at 8:12 PM, Andres Galante <span dir="ltr"><<a href="mailto:agalante@redhat.com" target="_blank">agalante@redhat.com</a>></span> wrote:<br><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><br></div><div>It's always a grey area how and when to truncate.</div><div><br></div><div>If working on Tendrl you can come up with some refomendations we can apply them to our patterns.</div><div><br></div><div>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><br></div><div>Thanks!<span></span></div><div class="m_-1549305690452232695m_-3645316839301385220m_479518845965953878m_6852773462657803020HOEnZb"><div class="m_-1549305690452232695m_-3645316839301385220m_479518845965953878m_6852773462657803020h5"><div><br>On Monday, 10 October 2016, Ju Lim <<a href="mailto:julim@redhat.com" target="_blank">julim@redhat.com</a>> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">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><br></div><div>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><br></div><div>Regards,</div><div>Ju</div></div><div class="gmail_extra"><br><div class="gmail_quote">On Sat, Oct 8, 2016 at 11:59 AM, Greg Sheremeta <span dir="ltr"><<a>gshereme@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Hi Matt / all,<div><br></div><div>This gets tricky when you have machine names in your listings!</div><div>my_super_important_vm_1</div><div>my_super_important_vm_2</div><div>his_super_important_vm_1</div><div><br></div><div>^ 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><br></div><div>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><br></div><div><img src="cid:ii_157a503f1781768e" alt="Inline image 1" width="556" height="166"><br></div><div><br></div><div>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><br></div><div>Best wishes,</div><div>Greg</div><div><br></div><div class="gmail_extra"><div class="gmail_quote"><div><div>On Fri, Oct 7, 2016 at 2:08 PM, Matt Carrano <span dir="ltr"><<a>mcarrano@redhat.com</a>></span> wrote:<br></div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div><div dir="ltr"><div><div><div><div><div>Hey Patternflyers,<br><br></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><br></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><br></div>Any advice or examples will be welcome.<br><br></div>Regards,<br><br></div>Matt<span><font color="#888888"><br clear="all"><div><div><div><div><div><div><br>-- <br><div data-smartmail="gmail_signature"><div dir="ltr"><div><div><div>Matt Carrano<br></div>Sr. Interaction Designer<br></div>Red Hat, Inc.<br></div><a>mcarrano@redhat.com</a><br></div></div>
</div></div></div></div></div></div></font></span></div>
<br></div></div>______________________________<wbr>_________________<br>
Patternfly mailing list<br>
<a>Patternfly@redhat.com</a><br>
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/mailman<wbr>/listinfo/patternfly</a><br>
<br></blockquote></div><span><font color="#888888"><br><br clear="all"><div><br></div>-- <br><div data-smartmail="gmail_signature"><div dir="ltr"><div>Greg Sheremeta, MBA<br>Red Hat, Inc.<br>Sr. Software Engineer<br><a>gshereme@redhat.com</a><br></div></div></div>
</font></span></div></div>
<br>______________________________<wbr>_________________<br>
Patternfly mailing list<br>
<a>Patternfly@redhat.com</a><br>
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/mailman<wbr>/listinfo/patternfly</a><br>
<br></blockquote></div><br><br clear="all"><div><br></div>-- <br><div data-smartmail="gmail_signature"><div dir="ltr">Ju Lim<div>Red Hat</div><div>Office: <a href="tel:978-399-0422" value="+19783990422" target="_blank">978-399-0422</a></div><div>Mobile: <a href="tel:781-507-1323" value="+17815071323" target="_blank">781-507-1323</a></div><div>Email: <a>julim@redhat.com</a></div><div>IRC: julim</div><div><br></div></div></div>
</div>
</blockquote></div>
</div></div><br>______________________________<wbr>_________________<br>
Patternfly mailing list<br>
<a href="mailto:Patternfly@redhat.com" target="_blank">Patternfly@redhat.com</a><br>
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/mailman<wbr>/listinfo/patternfly</a><br>
<br></blockquote></div><br></div>
</div></div><br>______________________________<wbr>_________________<br>
Patternfly mailing list<br>
<a href="mailto:Patternfly@redhat.com" target="_blank">Patternfly@redhat.com</a><br>
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/mailman<wbr>/listinfo/patternfly</a><br>
<br></blockquote></div><br><br clear="all"><br>-- <br><div class="m_-1549305690452232695m_-3645316839301385220m_479518845965953878gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div><div><div>Matt Carrano<br></div>Sr. Interaction Designer<br></div>Red Hat, Inc.<br></div><a href="mailto:mcarrano@redhat.com" target="_blank">mcarrano@redhat.com</a><br></div></div>
</div>
</div></div></blockquote></div><br></div>
</div></div></blockquote></div><br><br clear="all"><br>-- <br><div class="m_-1549305690452232695gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div><div><div>Matt Carrano<br></div>Sr. Interaction Designer<br></div>Red Hat, Inc.<br></div><a href="mailto:mcarrano@redhat.com" target="_blank">mcarrano@redhat.com</a><br></div></div>
</div>
</div></div><br>______________________________<wbr>_________________<br>
Patternfly mailing list<br>
<a href="mailto:Patternfly@redhat.com">Patternfly@redhat.com</a><br>
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/<wbr>mailman/listinfo/patternfly</a><br>
<br></blockquote></div><br></div>