[Patternfly] New Blog Post on Table View

Gabriel Cardoso gcardoso at redhat.com
Wed Nov 25 15:26:18 UTC 2015


Hi Leslie.

> 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… 
Good, we’ll move the filter into the table then.

> The reference implementation test page can be found here: https://rawgit.com/patternfly/patternfly/master/tests/toolbar.html <https://rawgit.com/patternfly/patternfly/master/tests/toolbar.html>
> 
> And the angular version on ngdocs is here: http://angular-patternfly.rhcloud.com/#/api/patternfly.views.directive:pfDataToolbar <http://angular-patternfly.rhcloud.com/#/api/patternfly.views.directive:pfDataToolbar> 
> 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. 
Yes, that’s what we used to implement the component.

Thanks for the help!
Gabriel


> Hope this helps! 
> Leslie
> 
> Final design story: https://patternfly.atlassian.net/browse/PTNFLY-273 <https://patternfly.atlassian.net/browse/PTNFLY-273>
> Visual design: https://patternfly.atlassian.net/browse/PTNFLY-272 <https://patternfly.atlassian.net/browse/PTNFLY-272>
> 
> On Tue, Nov 24, 2015 at 8:50 AM, Gabriel Cardoso <gcardoso at redhat.com <mailto:gcardoso at redhat.com>> wrote:
> Hello,
> 
> 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?
> 
> Thanks,
> Gabriel  
> 
> 
>> On Nov 23, 2015, at 4:45 PM, SJ Cox <sjcox at redhat.com <mailto:sjcox at redhat.com>> wrote:
>> 
>> Hello,
>> 
>> I  just added a new post on the updated Table View pattern for PatternFly - Table View: Organize your Data | PatternFly <https://mojo.redhat.com/external-link.jspa?url=https%3A%2F%2Fwww.patternfly.org%2Ftable-view-organize-your-data%2F>.  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!
>> Table View: Organize your Data
>>  <https://www.patternfly.org/table-view-organize-your-data/>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.
>> 
>> Patternfly <https://www.patternfly.org/>
>> 
>> -- 
>> Sarah Jane Cox 
>> User Interaction Designer 
>> User Experience Design Team
>> 
>> Red Hat, Inc. <http://www.redhat.com/about/whoisredhat/redhatstories.html?intcmp=70160000000TB9vAAG&>
>> 
>> _______________________________________________
>> Patternfly mailing list
>> Patternfly at redhat.com <mailto:Patternfly at redhat.com>
>> https://www.redhat.com/mailman/listinfo/patternfly <https://www.redhat.com/mailman/listinfo/patternfly>
> 
> Gabriel Cardoso
> UX designer @ Red Hat
> 
> 
> 
> 
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com <mailto:Patternfly at redhat.com>
> https://www.redhat.com/mailman/listinfo/patternfly <https://www.redhat.com/mailman/listinfo/patternfly>
> 
> 

Gabriel Cardoso
UX designer @ Red Hat



-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20151125/f19d8402/attachment.htm>


More information about the PatternFly mailing list