[Patternfly] Collapsible tray pattern?

Jeremy West jwest at redhat.com
Wed Jan 4 15:14:40 UTC 2017


Thanks Andres,

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).

Thanks for the pointers.

On Tue, Dec 20, 2016 at 12:55 PM, Andres Galante <agalante at redhat.com>
wrote:

> Hi Jeremy,
>
> PatternFly doesn't have the pattern you describe.
>
> If you are building a chat window, you can take advantage of the media
> object for the thumbnail / message structure:
>
> http://getbootstrap.com/components/#media
>
> As for the collapsable box on the bottom, you can build it with an
> absolute positioned container.
>
> If you struggle with it I can help you build it.
>
> Thanks!
>
> Andrés
>
>
>
> On Mon, Dec 19, 2016 at 1:42 PM, Jeremy West <jwest at redhat.com> wrote:
>
>> 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.
>>
>>
>>
>> On Mon, Dec 19, 2016 at 10:48 AM, Leslie Hinson <lhinson at redhat.com>
>> wrote:
>>
>>> The closest thing that we have is the notification drawer. See:
>>> http://www.patternfly.org/pattern-library/communication
>>> /notification-drawer/#/_overview
>>>
>>> You can trigger the drawer in the live examples on the overview page by
>>> clicking the bell icon.
>>>
>>> Does this satisfy the use case?
>>>
>>> Best,
>>> Leslie
>>>
>>> On Mon, Dec 19, 2016 at 10:27 AM, Jeremy Perry <jeperry at redhat.com>
>>> wrote:
>>>
>>>> Hi PatternFly team,
>>>>
>>>> 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:
>>>>
>>>> From Jeremy W.:
>>>>
>>>>> 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?
>>>>
>>>>
>>>> Thanks for you help!
>>>>
>>>> Jeremy
>>>>
>>>> _______________________________________________
>>>> Patternfly mailing list
>>>> Patternfly at redhat.com
>>>> https://www.redhat.com/mailman/listinfo/patternfly
>>>>
>>>>
>>>
>>
>>
>> --
>> Jeremy West Sr. Manager, Operations Red Hat Customer Experience and
>> Engagement Office 978-392-3994 <(978)%20392-3994> Mobile 919-268-6967
>> <(919)%20268-6967> Access your subscription value! The Red Hat Customer
>> Portal: https://access.redhat.com/ Join Red Support on Twitter &
>> Facebook: https://twitter.com/RedHatSupport
>> http://www.facebook.com/RedHatSupport
>>
>> _______________________________________________
>> Patternfly mailing list
>> Patternfly at redhat.com
>> https://www.redhat.com/mailman/listinfo/patternfly
>>
>>
>


-- 
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: https://access.redhat.com/ Join Red
Support on Twitter & Facebook: https://twitter.com/RedHatSupport
http://www.facebook.com/RedHatSupport
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20170104/a5c7ffaf/attachment.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screenshot from 2016-12-19 11-35-29.png
Type: image/png
Size: 83970 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20170104/a5c7ffaf/attachment.png>


More information about the PatternFly mailing list