<div dir="ltr">I had an old tab open - I see I can comment on the blog so will move this there.</div><div class="gmail_extra"><br><div class="gmail_quote">On Tue, Nov 24, 2015 at 10:47 AM, Jeremy Perry <span dir="ltr"><<a href="mailto:jeperry@redhat.com" target="_blank">jeperry@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">Looks like you can't comment on the blog yet, so just adding a thought here. <div><br></div><div>I have a thought about buttons. I am personally a big fan of how some apps like gmail display actions contextually, dependent on selection. This pattern has pros and cons, but it very useful when there are a lot of potential actions on a list. I wanted to see if this behavior could be considered for the pattern. </div><span class="HOEnZb"><font color="#888888"><div><br></div><div>Jeremy</div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div></font></span></div><div class="HOEnZb"><div class="h5"><div class="gmail_extra"><br><div class="gmail_quote">On Tue, Nov 24, 2015 at 10:08 AM, Leslie Hinson <span dir="ltr"><<a href="mailto:lhinson@redhat.com" target="_blank">lhinson@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">Hey Gabriel, <div><br></div><div>SJ and Liz picked up the Data Toolbar pattern to use with the table design. This Data Toolbar is customizable but can include the Filter that you mentioned. We currently have some stories in the backlog [1] in order to get the documentation and visuals added to the site. In the meantime, check out some of the work that has already been done that might help you... </div><div><br></div><div>The reference implementation test page can be found here: <a href="https://rawgit.com/patternfly/patternfly/master/tests/toolbar.html" target="_blank">https://rawgit.com/patternfly/patternfly/master/tests/toolbar.html</a></div><div><br></div><div>And the angular version on ngdocs is here: <a href="http://angular-patternfly.rhcloud.com/#/api/patternfly.views.directive:pfDataToolbar" target="_blank">http://angular-patternfly.rhcloud.com/#/api/patternfly.views.directive:pfDataToolbar</a> </div><div>Note: The angular version is currently shown with a data list example but you should be able to wire it up with a table. We do know of an instance where the Angular toolbar is currently being used successfully with Data Lists and Data Cards. </div>
<div><br></div><div>Hope this helps! </div><div>Leslie</div><div><br></div><div>Final design story: <a href="https://patternfly.atlassian.net/browse/PTNFLY-273" target="_blank">https://patternfly.atlassian.net/browse/PTNFLY-273</a><br></div><div>Visual design: <a href="https://patternfly.atlassian.net/browse/PTNFLY-272" target="_blank">https://patternfly.atlassian.net/browse/PTNFLY-272</a></div></div><div><div><div class="gmail_extra"><br><div class="gmail_quote">On Tue, Nov 24, 2015 at 8:50 AM, Gabriel Cardoso <span dir="ltr"><<a href="mailto:gcardoso@redhat.com" target="_blank">gcardoso@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>Hello,</div><div><br></div><div>Really good, we need filter for data tables in Hawkular. Actually we’ve done an implementation with the filter outside the table. My question is that if this is mature enough so we can move it inside the table header, as your wireframe?</div><div><br></div><div>Thanks,</div><div>Gabriel </div><div><br></div><br><div><blockquote type="cite"><div><div><div>On Nov 23, 2015, at 4:45 PM, SJ Cox <<a href="mailto:sjcox@redhat.com" target="_blank">sjcox@redhat.com</a>> wrote:</div><br></div></div><div><div><div><div dir="ltr"><div style="margin:0px;padding:0px;border:0px;font-size:14px;font-family:'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;vertical-align:baseline;overflow:hidden;color:rgb(61,61,61);line-height:23.3333px"><span style="margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline">Hello,</span></div><div style="margin:0px;padding:0px;border:0px;font-size:14px;font-family:'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;vertical-align:baseline;overflow:hidden;color:rgb(61,61,61);line-height:23.3333px"><span style="margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline"><br></span></div><div style="margin:0px;padding:0px;border:0px;font-size:14px;font-family:'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;vertical-align:baseline;overflow:hidden;color:rgb(61,61,61);line-height:23.3333px"><span style="margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline">I just added a new post on the updated Table View pattern for PatternFly - </span><a href="https://mojo.redhat.com/external-link.jspa?url=https%3A%2F%2Fwww.patternfly.org%2Ftable-view-organize-your-data%2F" rel="nofollow" style="margin:0px;padding:0px calc(12px + 0.35ex) 0px 0px;border:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(55,120,199);text-decoration:none" target="_blank">Table View: Organize your Data | PatternFly</a><span style="margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:19.4444px">.</span><span style="margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline"> Feel free tell us what you like and what you think we could improve upon. Any and all feedback will be helpful with helping us to refine the design in the next iteration. Thank you!</span></div><div style="margin:10px 0px;padding:0px;border:0px;font-size:14px;font-family:'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;vertical-align:baseline;min-height:0px;overflow:hidden;color:rgb(61,61,61);line-height:23.3333px;width:1228px"><ul style="margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;min-height:0px;list-style:none"><li style="margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;min-height:0px;display:block;float:none"><div style="margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline"><div style="margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline"><a href="https://www.patternfly.org/table-view-organize-your-data/" style="margin:0px 0px 10px;padding:0px;border:0px;font-weight:bold;font-style:inherit;font-size:1.1em;font-family:inherit;vertical-align:baseline;color:rgb(55,120,199);text-decoration:none;display:block" target="_blank">Table View: Organize your Data</a><p style="margin:0px 0px 10px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:18px">A table organizes data into rows (of items) and columns (of item attributes). Tables make structured data easy to scan, compare, sort, and analyze. Tables can be embedded into other design patterns. Tables are familiar to users and often the correct choice for structured data, but be careful not to overuse tables.</p><span style="margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline"><a href="https://www.patternfly.org/" style="margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(55,120,199);text-decoration:none;display:inline;background:transparent" target="_blank">Patternfly</a></span></div></div></li></ul></div><div><br></div>-- <br><div><div dir="ltr">
<table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border:none;font-family:'Helvetica Neue';font-size:14px" width="530">
<tbody><tr><td align="left" style="border:0px solid rgb(1,1,1)" valign="top" width="257"><div align="left"><font color="#cc0000"><font face="Arial" size="2"><span style="font-size:10pt"><b>Sarah Jane Cox</b></span></font> </font><font color="#010101" face="Calibri"><span style="font-size:11pt"><br></span></font> <font color="#999999"><font face="Arial" size="1"><span style="font-size:9pt">User Interaction Designer</span></font> <font face="Calibri"><span style="font-size:11pt"><br></span></font> </font><font face="Arial" size="1"><span style="font-size:9pt"><font color="#999999">User Experience Design Team<br></font><br></span></font><a href="http://www.redhat.com/about/whoisredhat/redhatstories.html?intcmp=70160000000TB9vAAG&" target="_blank"><font face="arial, helvetica, sans-serif" size="2" color="#3d85c6">Red Hat, Inc.</font></a><font color="#404040" face="Arial" size="1"><span style="font-size:9pt"><br></span></font></div></td><td align="left" style="border:0px solid rgb(1,1,1)" valign="top" width="272"><div align="left"><br></div></td></tr></tbody></table></div></div>
</div></div></div><span>
_______________________________________________<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/listinfo/patternfly</a><br></span></div></blockquote></div><span><font color="#888888"><br><div>
<div>Gabriel Cardoso</div><div>UX designer @ Red Hat</div><div><br></div><br>
</div>
<br></font></span></div><br>_______________________________________________<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/listinfo/patternfly</a><br>
<br></blockquote></div><br></div>
</div></div><br>_______________________________________________<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/listinfo/patternfly</a><br>
<br></blockquote></div><br></div>
</div></div></blockquote></div><br></div>