<div dir="ltr"><div>A couple armchair design comments. ;)</div><div><br></div><div>The Dual Pane Selector pattern puts two same-looking list boxes next to each other. Visually, this implies that each list equal weight. From what I've seen, in practice, it's usually a case of moving things or people to/from an "<b>in</b>" group; one of the lists is generally more important/elite than the other. <br></div><div><br></div>When there is nothing selected in the given list to move, it might be nice to disable the outgoing "shuffle" button, make it less of a mental effort to choose the right button (not that it's a huge mental effort, but every bit counts). <div><br></div><div>Do the ">" and"<" buttons need to be where they are, hanging out in space? Maybe it would be worthwhile considering incorporating the ">" and "<" action as part of the appropriate list itself.<div><br></div><div>Thanks,</div><div>Joe</div></div></div><div class="gmail_extra"><br><div class="gmail_quote">On Thu, Nov 3, 2016 at 10:50 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">Thank you all for the examples of how this control is being used if your applications currently. We took some time over the last few days to do a design and write up some guidelines. Just a note, after researching it a bit more and discussing, we decided to rename this to be the "Dual Pane Selector". The PR is here if you'd like to join in on the conversation:<div><a href="https://github.com/patternfly/patternfly-design/pull/36" target="_blank">https://github.com/patternfly/<wbr>patternfly-design/pull/36</a><span class="HOEnZb"><font color="#888888"><br></font></span></div><span class="HOEnZb"><font color="#888888"><div><br></div><div>Liz</div></font></span></div><div class="HOEnZb"><div class="h5"><div class="gmail_extra"><br><div class="gmail_quote">On Tue, Nov 1, 2016 at 12:33 AM, June Zhang <span dir="ltr"><<a href="mailto:junzhang@redhat.com" target="_blank">junzhang@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 style="word-wrap:break-word"><div>HI, Liz</div><div><br></div><div>One example In PELC, we did like these:</div><div><img height="478" width="885" id="m_-9131550284249731762m_-570583626871456690772FF5EC1-74D1-4E94-9B87-0227E31F8130" src="cid:4139E124-C5EC-4FF0-848B-06FE81F11A44"></div><div><br></div><div>Cheers</div><span class="m_-9131550284249731762HOEnZb"><font color="#888888"><div>June</div><br></font></span><div><blockquote type="cite"><span><div>On Oct 27, 2016, at 12:22 PM, Gabriel Cardoso <<a href="mailto:gcardoso@redhat.com" target="_blank">gcardoso@redhat.com</a>> wrote:</div><br class="m_-9131550284249731762m_-5705836268714566907Apple-interchange-newline"></span><div><div style="word-wrap:break-word"><div style="word-wrap:break-word"><span>Hi Liz,<div><br></div><div>Found this design I did a couple of years ago for Keycloak:</div><div><br></div><div><br></div><div><br></div></span><div><div class="m_-9131550284249731762h5"><div>Thanks,</div><div>Gabriel</div><div><br><div><blockquote type="cite"><div>On 26 Oct 2016, at 13:39, Matt Carrano <<a href="mailto:mcarrano@redhat.com" target="_blank">mcarrano@redhat.com</a>> wrote:</div><br class="m_-9131550284249731762m_-5705836268714566907Apple-interchange-newline"><div><div dir="ltr">I'm currently working on this design that uses a shuttle selector.<br><br><span id="m_-9131550284249731762m_-5705836268714566907cid:ii_iur36hsh0_15801a52f6e76790"><Bricks.png></span><br><br></div><div class="gmail_extra"><br><div class="gmail_quote">On Wed, Oct 26, 2016 at 10:57 AM, Ken Wilson <span dir="ltr"><<a href="mailto:ken@dynamicsitedesign.com" target="_blank">ken@dynamicsitedesign.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div style="word-wrap:break-word"><div>here is a drag n drop solution we created.</div><div><br></div><span id="m_-9131550284249731762m_-5705836268714566907cid:6BB18FEC-3F29-4AF4-83B0-9BC0A6D430AB@openvpn"><Screen Shot 2016-10-26 at 10.54.25 AM.png></span><div><br></div><div><br></div><div><br><div><blockquote type="cite"><div><div class="m_-9131550284249731762m_-5705836268714566907h5"><div>On Oct 26, 2016, at 10:39 AM, Liz Blanchard <<a href="mailto:lsurette@redhat.com" target="_blank">lsurette@redhat.com</a>> wrote:</div><br class="m_-9131550284249731762m_-5705836268714566907m_-4151568258295329943Apple-interchange-newline"></div></div><div><div><div class="m_-9131550284249731762m_-5705836268714566907h5"><div dir="ltr">Hi All,<div><br></div><div>Another pattern that we are considering looking at next week is the shuttle selector [1]. We have a few places in our products where the user needs to view a large list of items and choose/mark a number of those items for use. This could even include being able to filter down one or both of these lists.</div><div><br></div><div>Does anyone have examples or uses of a shuttle selector in their products that they would like to share?</div><div><br></div><div>Thanks!</div><div>Liz</div><div><br></div><div>[1] Note this is just a random screenshot I found on the web and is not our recommendation :) <a href="https://mockupstogo.mybalsamiq.com/projects/controls/Dual%20Select.jpeg?version=3&etag=d_.WlcKkT9mh_WSdZWR6NisHdfjrl5BC" target="_blank">https://mockupstogo.mybalsami<wbr>q.com/projects/controls/Dual%2<wbr>0Select.jpeg?version=3&etag=d_<wbr>.WlcKkT9mh_WSdZWR6NisHdfjrl5BC</a></div></div></div></div><span> ______________________________<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" target="_blank">https://www.redhat.com/mailman<wbr>/listinfo/patternfly</a><br></span></div></blockquote></div><br></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_-9131550284249731762m_-5705836268714566907gmail_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> ______________________________<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" target="_blank">https://www.redhat.com/mailman<wbr>/listinfo/patternfly</a><br></div></blockquote></div><br><div> <div>Gabriel Cardoso</div><div>UX designer @ Red Hat</div><div><br></div><br class="m_-9131550284249731762m_-5705836268714566907Apple-interchange-newline"> </div> <br></div></div></div></div></div><div><div class="m_-9131550284249731762h5">______________________________<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" target="_blank">https://www.redhat.com/mailman<wbr>/listinfo/patternfly</a><br></div></div></div></blockquote></div><br></div></blockquote></div><br></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>