<div dir="ltr"><div>Hey everyone,</div><div><br></div><div>I'm looking to see if anyone has worked on something similar. Bear with me while I try to explain what I'm looking for. </div><div><br></div>OpenShift is using a master-detail view. Within the details pane is a list of attributes and values, separated into sections. One of these sections Containers, and each container has a name and other info. I've been asked to add in a link to connect to the container, which has depicted with an icon in other places. The developers want to add the icon at the end of the name with hover text "connect to container". Here's the full page for context:<div><img src="cid:ii_ib0wyvuc2_14e0223258a7207f" width="544" height="442"><br><br>​<br><div><br></div><div><br></div><div>I would prefer to just make the name of the container a link with the same hover text:</div><div><img src="cid:ii_ib0wvgwf1_14e0220b7034fa4a" width="372" height="220"><br>​<br><div><br></div><div>However, in the future there may be more links / actions that can be taken on a container from this panel. There's no thought about what those might be right now (so I can't decide if they should even be there or not) but they've asked me to create a design for the "connect to container" link that could also accommodate additional future actions. This is the concept I have for now:</div><div><img src="cid:ii_ib0x3nlm3_14e02268910b874a" width="384" height="277"><br>​One idea I want to explore is to turn this details pane into more of a dashboard type view with tiles and maybe clicking on the tiles will flip them to expose additional info & links. This list layout is fairly set for now though. </div><div><br></div><div>Has anyone dealt with a similar use case, and if so, how have you handled it?</div><div><br></div><div><br></div><div>Thanks!<br clear="all"><div><br></div>-- <br><div class="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></div></div></div>