Responsive State for the Notification Drawer

Posted by & filed under Communication, PatternFly Design.

Overview The Notification Drawer is a content delivery system to expose time-based information such as events, tasks, and alerts. It is a self contained system that is viewable without having to navigate to another area of the application. Upon login it offers initial notifications for what has changed in the form of dismissible Toast Notifications… Read more »

Advanced Filter

Posted by & filed under Forms, PatternFly.

Description   After researched the quick filter using scenario and the products, Finding out that we could separate the filter function into Quick filter and Advanced filter in order to meet the different needs.  The Quick filter is suitable for commonly used situation.It is fast, simple and obvious. It is used in the common scenario and… Read more »

Quick filter: Improvement for the current filter pattern

Posted by & filed under Forms.

Description   In the previous discussion about the quickly filtering for dataset, we researched the quick filter using scenario and the products (oVirt / CloudForms  / RH Customer Portal / Errata Tool / Openshift), Finding out that we could improve the current filter pattern to meet the requirement.   The quick filter is suitable for… Read more »

Editing Data on Forms

Posted by & filed under Forms, PatternFly.

In designing enterprise applications, we very often encounter situations where the user needs to edit existing information.  In many cases this editing is done in the context of a form where users can make and commit changes.  You may sometime need to apply role-based access to enable editing for authorized users, only.  How should you… Read more »

The PatternFly Conference 2017

Posted by & filed under Announcements.

The Red Hat UXD team is excited to announce the first ever PatternFly Conference on June 8 from 12 – 6PM at the Red Hat Annex in Raleigh. The PatternFly Conference is a half day community conference dedicated to sharing ideas, techniques, and tools to power great user experience through front-end design and development. To… Read more »

Entering Numeric Data on Forms – Investigation

Posted by & filed under Forms.

Story Background We currently do not provide any guidance on how to enter numeric data on forms. There is a Bootstrap Touchspin component in Widgets library for numeric data entry but no guidance on how this should be used. There are four ways I founded to entering numeric data. Bootstrap Touchspin (stacked):   Data Input +… Read more »