<div dir="ltr">Allie,<div><br></div><div>I would definitely consider the Card View, as Matt mentioned. Here's a link to the Angular example: <a href="https://www.patternfly.org/pattern-library/content-views/card-view/#/_code">https://www.patternfly.org/pattern-library/content-views/card-view/#/_code</a></div><div>I think it looks really nice</div><div><br></div><div>I think that the dashboard card is typically used in context of a dashboard which may have different types of cards.</div><div><br></div><div><img src="cid:ii_1589343bc74d8af4" alt="Inline image 1" width="546" height="258"></div><div><br></div><div>Hope that helps! </div><div><br></div><div>We are actually using this in the Service UI in our service catalog. LMK if you'd like to see an example!</div><div><br></div><div>Thanks,</div><div>- Serena</div><div><br><div><br></div></div><div class="gmail_extra"><br><div class="gmail_quote">On Wed, Nov 23, 2016 at 4:21 PM, 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>Hi Allie,<br><br></div>My opinion is the the gray footer is not needed, however I would not make the entire card clickable as this would potentially conflict with the drop down as you describe. Have you considered using checkbox select for the cards? If you look at the Card View pattern in PatternFly you will see that there is an option to use checkbox select for multi-selecting cards.<br><br></div>Matt<br></div><div class="gmail_extra"><br><div class="gmail_quote"><div><div class="h5">On Wed, Nov 23, 2016 at 2:43 PM, Allie Jacobs <span dir="ltr"><<a href="mailto:ajacobs@redhat.com" target="_blank">ajacobs@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 class="h5"><div dir="ltr"><div class="gmail_quote">OpenShift is using the <a href="https://www.patternfly.org/pattern-library/dashboard/dashboard-card/#/api" target="_blank">dashboard card</a> pattern in the catalog. The card has the item name, description, and a picker for the version if applicable. There is a button at the bottom of the card to select that item. <br><div dir="ltr"><img src="cid:ii_1588cefb29d3294e" alt="Inline image 1" width="458" height="372"><br></div><div dir="ltr"><br></div><div>We are considering removing the bottom grey band and button and making the entire card clickable to select it. </div><div><br></div><div><br></div><div>* Does that design change still fit with the pattern?</div><div><br></div><div>* Does making the entire card clickable detract from the version dropdown? Either that a user might not see it if they are clicking by the top of the card or that the user might accidentally click the card when they are aiming for the dropdown?</div> </div><div><br></div><div><br></div>Thank you!<span class="m_-68980506715264831HOEnZb"><font color="#888888"><div>Allie<br><br clear="all"><div><br></div>-- <br><div class="m_-68980506715264831m_-1144060017404769336gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div><br></div> Allie Jacobs<br>UXD <p><span><a href="https://www.google.com/calendar/b/1/embed?src=ajacobs@redhat.com&ctz=America/New_York" target="_blank">calendar</a></span></p></div></div> </div></font></span></div> <br></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" rel="noreferrer" target="_blank">https://www.redhat.com/mailman<wbr>/listinfo/patternfly</a><br> <br></blockquote></div><span class="HOEnZb"><font color="#888888"><br><br clear="all"><br>-- <br><div class="m_-68980506715264831gmail_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> </font></span></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><br clear="all"><div><br></div>-- <br><div class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div style="color:rgb(0,0,0)">- Serena Chechile Doyle</div><div style="color:rgb(0,0,0)"><i>UXD | Unified Management Experience</i></div><div style="color:rgb(0,0,0)"><b style="color:rgb(0,0,173);font-family:'trebuchet ms',sans-serif;font-size:11px">Red Hat</b></div><div style="color:rgb(0,0,0);font-family:'trebuchet ms',sans-serif"><span style="font-size:11px"><b style="color:rgb(0,0,173)">Cell</b><span style="color:rgb(0,0,173)"> </span><a href="tel:508-769-7715" value="+15087697715" style="color:rgb(17,85,204)" target="_blank">508-769-7715</a> | <b style="color:rgb(0,0,173)">IRC</b> - serena | <b style="color:rgb(0,0,173)">Skype</b> - serenamarie125 </span><span style="font-size:11px">| </span><b style="font-size:11px;color:rgb(0,0,173)">Twitter</b><span style="font-size:11px"> - @serenamarie125</span></div></div></div></div></div></div></div> </div></div>