<div dir="ltr">Thanks Andres,<div><br></div><div>It sounds like Ryan (cc'd) and I need to scope out exactly what content this collapsable box should contain and then we can proceed in putting something together with Akshay's help (also cc'd).</div><div><br></div><div>Thanks for the pointers.</div></div><div class="gmail_extra"><br><div class="gmail_quote">On Tue, Dec 20, 2016 at 12:55 PM, Andres Galante <span dir="ltr"><<a href="mailto:agalante@redhat.com" target="_blank">agalante@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">Hi Jeremy,<div><br></div><div>PatternFly doesn't have the pattern you describe.</div><div><br></div><div>If you are building a chat window, you can take advantage of the media object for the thumbnail / message structure:</div><div><br></div><div><a href="http://getbootstrap.com/components/#media" target="_blank">http://getbootstrap.com/<wbr>components/#media</a><br></div><div><br></div><div>As for the collapsable box on the bottom, you can build it with an absolute positioned container.</div><div><br></div><div>If you struggle with it I can help you build it.</div><div><br></div><div>Thanks!</div><div><br></div><div>Andrés</div><div><br></div><div><br></div></div><div class="HOEnZb"><div class="h5"><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Dec 19, 2016 at 1:42 PM, Jeremy West <span dir="ltr"><<a href="mailto:jwest@redhat.com" target="_blank">jwest@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">Leslie I appreciate the response, alas it's not quite what we're looking for.  The best example of this is facebook.  I've attached a screenshot that you'll all hopefully be familiar with.  See how the chat conversation is docked?  Also, for those of you who use facebook, you'll know that you can minimize the chat and it essentially becomes a horizontal bar attached to the bottom of the page.  This is the functionality we're going after.<div><br></div><div><img src="cid:ii_iwwb6kob0_15917f5b0bd4a4dd" width="562" height="364"><br></div></div><div class="gmail_extra"><div><div class="m_-1761398030516981734h5"><br><div class="gmail_quote">On Mon, Dec 19, 2016 at 10:48 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">The closest thing that we have is the notification drawer. See: <a href="http://www.patternfly.org/pattern-library/communication/notification-drawer/#/_overview" target="_blank">http://www.patternfly.org<wbr>/pattern-library/communication<wbr>/notification-drawer/#/_overvi<wbr>ew</a><div><br></div><div>You can trigger the drawer in the live examples on the overview page by clicking the bell icon. </div><div><br></div><div>Does this satisfy the use case?</div><div><br></div><div>Best, </div><div>Leslie</div></div><div class="gmail_extra"><br><div class="gmail_quote"><div><div class="m_-1761398030516981734m_6958858299132711417h5">On Mon, Dec 19, 2016 at 10:27 AM, Jeremy Perry <span dir="ltr"><<a href="mailto:jeperry@redhat.com" target="_blank">jeperry@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="m_-1761398030516981734m_6958858299132711417h5"><div dir="ltr"><div>Hi PatternFly team, </div><div><br></div><div>I am working with Jeremy West (on cc) to transition their app to PatternFly. We're trying to understand if there is a pattern for the behavior he describes below:</div><br><div>From Jeremy W.:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><span style="font-size:12.8px">At the moment we have this functionality where someone can press a button and have a frame appear at the right (1/4 of the page width).  This frame is used for both a case review form and for creating new KCS solutions.  What we'd LIKE to do is to get rid of the frame and pop all that into a floating object which docks to the bottom of the page ... similar to how facebook does chat now.  Does patternfly have a style/library to support this?</span></blockquote><div><br></div><div>Thanks for you help!</div><span class="m_-1761398030516981734m_6958858299132711417m_-9119225373039759741HOEnZb"><font color="#888888"><div><br></div><div>Jeremy </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><br></div>
</blockquote></div><br><br clear="all"><div><br></div></div></div><span class="m_-1761398030516981734HOEnZb"><font color="#888888">-- <br><div class="m_-1761398030516981734m_6958858299132711417gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div class="m_-1761398030516981734m_6958858299132711417gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div style="color:rgb(119,119,119);font-family:'DejaVu Serif';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0px;text-transform:none;white-space:pre-wrap;word-spacing:0px;background-color:rgb(255,255,255)">
</div><span style="color:rgb(119,119,119);font-family:'DejaVu Serif';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0px;text-transform:none;white-space:pre-wrap;word-spacing:0px;background-color:rgb(255,255,255);display:inline!important;float:none">Jeremy West
Sr. Manager, Operations
Red Hat Customer Experience and Engagement
Office <a href="tel:(978)%20392-3994" value="+19783923994" target="_blank">978-392-3994</a>
Mobile <a href="tel:(919)%20268-6967" value="+19192686967" target="_blank">919-268-6967</a>

Access your subscription value!
The Red Hat Customer Portal: </span><a href="https://access.redhat.com/" style="color:rgb(95,178,231);font-family:'DejaVu Serif';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0px;text-transform:none;white-space:pre-wrap;word-spacing:0px;background-color:rgb(255,255,255)" target="_blank">https://access.redhat.com/</a><span style="color:rgb(119,119,119);font-family:'DejaVu Serif';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0px;text-transform:none;white-space:pre-wrap;word-spacing:0px;background-color:rgb(255,255,255);display:inline!important;float:none">
Join Red Support on Twitter & Facebook:
</span><a href="https://twitter.com/RedHatSupport" style="color:rgb(95,178,231);font-family:'DejaVu Serif';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0px;text-transform:none;white-space:pre-wrap;word-spacing:0px;background-color:rgb(255,255,255)" target="_blank">https://twitter.com/RedHatSupp<wbr>ort</a><span style="color:rgb(119,119,119);font-family:'DejaVu Serif';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0px;text-transform:none;white-space:pre-wrap;word-spacing:0px;background-color:rgb(255,255,255);display:inline!important;float:none">
</span><a href="http://www.facebook.com/RedHatSupport" style="color:rgb(95,178,231);font-family:'DejaVu Serif';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0px;text-transform:none;white-space:pre-wrap;word-spacing:0px;background-color:rgb(255,255,255)" target="_blank">http://www.facebook.com/RedHat<wbr>Support</a></div></div></div></div></div></div>
</font></span></div>
<br>______________________________<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><br></div>
</div></div></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(119,119,119);font-family:'DejaVu Serif';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0px;text-transform:none;white-space:pre-wrap;word-spacing:0px;background-color:rgb(255,255,255)">
</div><span style="color:rgb(119,119,119);font-family:'DejaVu Serif';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0px;text-transform:none;white-space:pre-wrap;word-spacing:0px;background-color:rgb(255,255,255);display:inline!important;float:none">Jeremy West
Sr. Manager, Operations
Red Hat Customer Experience and Engagement
Office 978-392-3994
Mobile 919-268-6967

Access your subscription value!
The Red Hat Customer Portal: </span><a href="https://access.redhat.com/" style="color:rgb(95,178,231);font-family:'DejaVu Serif';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0px;text-transform:none;white-space:pre-wrap;word-spacing:0px;background-color:rgb(255,255,255)" target="_blank">https://access.redhat.com/</a><span style="color:rgb(119,119,119);font-family:'DejaVu Serif';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0px;text-transform:none;white-space:pre-wrap;word-spacing:0px;background-color:rgb(255,255,255);display:inline!important;float:none">
Join Red Support on Twitter & Facebook:
</span><a href="https://twitter.com/RedHatSupport" style="color:rgb(95,178,231);font-family:'DejaVu Serif';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0px;text-transform:none;white-space:pre-wrap;word-spacing:0px;background-color:rgb(255,255,255)" target="_blank">https://twitter.com/RedHatSupport</a><span style="color:rgb(119,119,119);font-family:'DejaVu Serif';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0px;text-transform:none;white-space:pre-wrap;word-spacing:0px;background-color:rgb(255,255,255);display:inline!important;float:none">
</span><a href="http://www.facebook.com/RedHatSupport" style="color:rgb(95,178,231);font-family:'DejaVu Serif';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:start;text-indent:0px;text-transform:none;white-space:pre-wrap;word-spacing:0px;background-color:rgb(255,255,255)" target="_blank">http://www.facebook.com/RedHatSupport</a></div></div></div></div></div></div>
</div>