<html><head><meta http-equiv="Content-Type" content="text/html charset=gb2312"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">I did some research about the quick filter design. Also collecting some RH product that are using filter. For e.g. Openshit, Cloudforms<div class=""> </div><div class="">Any questions or feedback on this research?</div><div class=""> </div><div class="">Thank you</div><div class=""> <div apple-content-edited="true" class=""> <div style="color: rgb(0, 0, 0); letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><div style="color: rgb(0, 0, 0); letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><div style="color: rgb(0, 0, 0); letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><div style="color: rgb(0, 0, 0); letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">Best Regards, Melody Zhong </div><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">Interaction Designer Red Hat UXD </div><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">83-88150 | UTC+8 | <a href="mailto:mzhong@redhat.com" class="">mzhong@redhat.com</a></div></div></div></div></div> </div> <div><blockquote type="cite" class=""><div class="">在 2017年3月1日，上午1:00，<a href="mailto:patternfly-request@redhat.com" class="">patternfly-request@redhat.com</a> 写道：</div> <div class="">Send Patternfly mailing list submissions to <a href="mailto:patternfly@redhat.com" class="">patternfly@redhat.com</a> To subscribe or unsubscribe via the World Wide Web, visit https://www.redhat.com/mailman/listinfo/patternfly or, via email, send a message with subject or body 'help' to patternfly-request@redhat.com You can reach the person managing the list at patternfly-owner@redhat.com When replying, please edit your Subject line so it is more specific than "Re: Contents of Patternfly digest..." Today's Topics: 1. Re: multi-select filter widget (Serena Doyle) 2. Re: multi-select filter widget (Alexander Wels) ---------------------------------------------------------------------- Message: 1 Date: Tue, 28 Feb 2017 08:40:31 -0500 From: Serena Doyle <sdoyle@redhat.com> To: Alexander Wels <awels@redhat.com> Cc: patternfly <patternfly@redhat.com> Subject: Re: [Patternfly] multi-select filter widget Message-ID: <CAJxcuqAkzg-ePmy2WycEPak0nm=WQjpbmVbALFyWYjYNPGV5Rg@mail.gmail.com> Content-Type: text/plain; charset="utf-8" Thanks for bringing up that point Alexander. In the topology view, the filters are not mutually exclusive either they are toggle buttons. On Tue, Feb 28, 2017 at 8:38 AM, Alexander Wels <awels@redhat.com> wrote: <blockquote type="cite" class="">On Tuesday, February 28, 2017 6:49:40 AM EST Leslie Hinson wrote: <blockquote type="cite" class="">Thanks everyone. I've created a epic and filled out the details on the first story, a conceptual design story. Check it out here: https://patternfly.atlassian.net/browse/PTNFLY-2247 Not sure atm when we will be able to get to this but have it in the </blockquote>backlog <blockquote type="cite" class="">as a reminder :) Thanks! Leslie On Mon, Feb 27, 2017 at 5:10 PM, Jeremy Perry <jeperry@redhat.com> </blockquote>wrote: <blockquote type="cite" class=""><blockquote type="cite" class="">Perhaps button groups can be used this way. We've used button groups to create filters for mutually exclusive options on Red Hat Customer </blockquote></blockquote>Portal. <blockquote type="cite" class=""><blockquote type="cite" class="">In both cases the filters are paired with a keyword filter. </blockquote></blockquote> Note, the filter for the errata grid are check boxes, aka they are not mutually exclusive. I am actually already using the button group for mutually exclusive selection of some different widgets (switching between different types of storage, and their associated widgets). See attached files for examples of both. (errata_multi_filter for non exclusive, and new_vm_disk_direct_lun for exclusive, which I am using a buttong group for already) <blockquote type="cite" class=""><blockquote type="cite" class=""> In this example, filtering Security errata by Severity (showing only critical here) [image: Inline image 1] And here, in another part of the portal, we are viewing all errata </blockquote></blockquote>types <blockquote type="cite" class=""><blockquote type="cite" class="">on a particular system. Selecting type: security then shows the </blockquote></blockquote>dependent <blockquote type="cite" class=""><blockquote type="cite" class="">sub-filter for severity, which is a dropdown. [image: Inline image 1] On Fri, Feb 24, 2017 at 1:35 PM, Matt Carrano <mcarrano@redhat.com> </blockquote></blockquote>wrote: <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">I've also specified this type of filter interaction in the Tendrl </blockquote></blockquote></blockquote>Storage <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">Console as a quick filter for table or list views. Agree that this is something that would be a good future add to PatternFly. Matt On Fri, Feb 24, 2017 at 12:45 PM, Serena Doyle <sdoyle@redhat.com> </blockquote></blockquote></blockquote>wrote: <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">Greg, We definitely need something like this. I think the pattern need to provide a quick, intuitive way to filter a dataset by toggling individual items on or off. The Topology View in ManageIQ/CloudForms has the </blockquote></blockquote></blockquote></blockquote>same <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">need, and also needs a better experience to do so! So, from my perspective, we do not have this in PatternFly, but </blockquote></blockquote></blockquote></blockquote>should <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">add it to the backlog! Thanks, - Serena On Fri, Feb 24, 2017 at 11:08 AM, Greg Sheremeta < </blockquote></blockquote></blockquote></blockquote>gshereme@redhat.com> <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""> wrote: <blockquote type="cite" class="">Hi, We have this "widget" in oVirt that allows the user to filter </blockquote></blockquote></blockquote></blockquote></blockquote>things by <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">toggling checkboxes. We are thinking we should also add text </blockquote></blockquote></blockquote></blockquote></blockquote>filtering <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">and maybe paging. I don't see a widget that's an exact fit in PatternFly. Any ideas, or desire to create such a thing? Best wishes, Greg [image: Inline image 1] -- Greg Sheremeta, MBA Red Hat, Inc. Sr. Software Engineer gshereme@redhat.com _______________________________________________ Patternfly mailing list Patternfly@redhat.com https://www.redhat.com/mailman/listinfo/patternfly </blockquote> -- - Serena Chechile Doyle *UXD | Unified Management Experience* *Red Hat* *Cell* 508-769-7715 | *IRC* - serena | *Skype* - serenamarie125 | *Twitter* - @serenamarie125 _______________________________________________ Patternfly mailing list Patternfly@redhat.com https://www.redhat.com/mailman/listinfo/patternfly </blockquote> -- Matt Carrano Sr. Interaction Designer Red Hat, Inc. mcarrano@redhat.com _______________________________________________ Patternfly mailing list Patternfly@redhat.com https://www.redhat.com/mailman/listinfo/patternfly </blockquote> _______________________________________________ Patternfly mailing list Patternfly@redhat.com https://www.redhat.com/mailman/listinfo/patternfly </blockquote></blockquote> _______________________________________________ Patternfly mailing list Patternfly@redhat.com https://www.redhat.com/mailman/listinfo/patternfly </blockquote> -- - Serena Chechile Doyle *UXD | Unified Management Experience* *Red Hat* *Cell* 508-769-7715 | *IRC* - serena | *Skype* - serenamarie125 | *Twitter* - @serenamarie125 -------------- next part -------------- An HTML attachment was scrubbed... URL: <https://www.redhat.com/archives/patternfly/attachments/20170228/708d16b0/attachment.html> ------------------------------ Message: 2 Date: Tue, 28 Feb 2017 08:47:53 -0500 From: Alexander Wels <awels@redhat.com> To: Serena Doyle <sdoyle@redhat.com> Cc: patternfly <patternfly@redhat.com> Subject: Re: [Patternfly] multi-select filter widget Message-ID: <15048577.IQExfFfDXp@awels> Content-Type: text/plain; charset="us-ascii" On Tuesday, February 28, 2017 8:40:31 AM EST Serena Doyle wrote: <blockquote type="cite" class="">Thanks for bringing up that point Alexander. In the topology view, the filters are not mutually exclusive either they are toggle buttons. </blockquote> Well it would be fairly straight forward for me to replace the check boxes with a button group containing checkbox buttons and putting the FA icons in the buttons, which would make it more or less look like the topology view. <blockquote type="cite" class="">On Tue, Feb 28, 2017 at 8:38 AM, Alexander Wels <awels@redhat.com> wrote: <blockquote type="cite" class="">On Tuesday, February 28, 2017 6:49:40 AM EST Leslie Hinson wrote: <blockquote type="cite" class="">Thanks everyone. I've created a epic and filled out the details on the first story, a conceptual design story. Check it out here: https://patternfly.atlassian.net/browse/PTNFLY-2247 Not sure atm when we will be able to get to this but have it in the </blockquote> backlog <blockquote type="cite" class="">as a reminder :) Thanks! Leslie On Mon, Feb 27, 2017 at 5:10 PM, Jeremy Perry <jeperry@redhat.com> </blockquote> wrote: <blockquote type="cite" class=""><blockquote type="cite" class="">Perhaps button groups can be used this way. We've used button groups to create filters for mutually exclusive options on Red Hat Customer </blockquote></blockquote> Portal. <blockquote type="cite" class=""><blockquote type="cite" class="">In both cases the filters are paired with a keyword filter. </blockquote></blockquote> Note, the filter for the errata grid are check boxes, aka they are not mutually exclusive. I am actually already using the button group for mutually exclusive selection of some different widgets (switching between different types of storage, and their associated widgets). See attached files for examples of both. (errata_multi_filter for non exclusive, and new_vm_disk_direct_lun for exclusive, which I am using a buttong group for already) <blockquote type="cite" class=""><blockquote type="cite" class="">In this example, filtering Security errata by Severity (showing only critical here) [image: Inline image 1] And here, in another part of the portal, we are viewing all errata </blockquote></blockquote> types <blockquote type="cite" class=""><blockquote type="cite" class="">on a particular system. Selecting type: security then shows the </blockquote></blockquote> dependent <blockquote type="cite" class=""><blockquote type="cite" class="">sub-filter for severity, which is a dropdown. [image: Inline image 1] On Fri, Feb 24, 2017 at 1:35 PM, Matt Carrano <mcarrano@redhat.com> </blockquote></blockquote> wrote: <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">I've also specified this type of filter interaction in the Tendrl </blockquote></blockquote></blockquote> Storage <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">Console as a quick filter for table or list views. Agree that this is something that would be a good future add to PatternFly. Matt On Fri, Feb 24, 2017 at 12:45 PM, Serena Doyle <sdoyle@redhat.com> </blockquote></blockquote></blockquote> wrote: <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">Greg, We definitely need something like this. I think the pattern need to provide a quick, intuitive way to filter a dataset by toggling individual items on or off. The Topology View in ManageIQ/CloudForms has the </blockquote></blockquote></blockquote></blockquote> same <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">need, and also needs a better experience to do so! So, from my perspective, we do not have this in PatternFly, but </blockquote></blockquote></blockquote></blockquote> should <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">add it to the backlog! Thanks, - Serena On Fri, Feb 24, 2017 at 11:08 AM, Greg Sheremeta < </blockquote></blockquote></blockquote></blockquote> gshereme@redhat.com> <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">wrote: <blockquote type="cite" class="">Hi, We have this "widget" in oVirt that allows the user to filter </blockquote></blockquote></blockquote></blockquote></blockquote> things by <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">toggling checkboxes. We are thinking we should also add text </blockquote></blockquote></blockquote></blockquote></blockquote> filtering <blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">and maybe paging. I don't see a widget that's an exact fit in PatternFly. Any ideas, or desire to create such a thing? Best wishes, Greg [image: Inline image 1] -- Greg Sheremeta, MBA Red Hat, Inc. Sr. Software Engineer gshereme@redhat.com _______________________________________________ Patternfly mailing list Patternfly@redhat.com https://www.redhat.com/mailman/listinfo/patternfly </blockquote> -- - Serena Chechile Doyle *UXD | Unified Management Experience* *Red Hat* *Cell* 508-769-7715 | *IRC* - serena | *Skype* - serenamarie125 | *Twitter* - @serenamarie125 _______________________________________________ Patternfly mailing list Patternfly@redhat.com https://www.redhat.com/mailman/listinfo/patternfly </blockquote> -- Matt Carrano Sr. Interaction Designer Red Hat, Inc. mcarrano@redhat.com _______________________________________________ Patternfly mailing list Patternfly@redhat.com https://www.redhat.com/mailman/listinfo/patternfly </blockquote> _______________________________________________ Patternfly mailing list Patternfly@redhat.com https://www.redhat.com/mailman/listinfo/patternfly </blockquote></blockquote> _______________________________________________ Patternfly mailing list Patternfly@redhat.com https://www.redhat.com/mailman/listinfo/patternfly </blockquote></blockquote> ------------------------------ _______________________________________________ Patternfly mailing list Patternfly@redhat.com https://www.redhat.com/mailman/listinfo/patternfly End of Patternfly Digest, Vol 38, Issue 25 ****************************************** </div></blockquote></div> </div></body></html>