[PatternFly] special behavior for external links?

[Andreas Nilsson]

Hi!
Does anyone do anything specific for links that will take users out of
their current application in their products currently?
Couldn't find any guidelines on it, so thought I should check here.
Got the question on a Cockpit pull request today, so wanted to check
what everyone else is doing.
- Andreas

___
PatternFly mailing list
PatternFly@redhat.com
https://www.redhat.com/mailman/listinfo/patternfly

Re: [PatternFly] Validating on each keystroke

[Andreas Nilsson]

We tried various ways to do direct validation in Cockpit, including
timeouts, focus etc. but in the end settled for showing the feedback
only on submit.
One particularly tricky area was when setting a password, and then
typing it again for validation. Feedback on submit was the only way we
could get that to work in that case.
- Andreas

On 2017-06-30 01:13, Alexandre Briani Kieling wrote:
> Hi,
>
> This one is for everyone interested in UX.
>
> I noticed that the form to create a new project on OpenShift validates
> on each keystroke.
> I understand that it's good to inform the users about the correctness
> of the inputted data as soon as possible but I think it's not being
> applied well in this case.
> For example, one of the validations is that the project name must have
> at least two characters. When the user enters the first letter of his
> project name, an error message is presented. The user hasn't finished
> entering the project name.
>
>
>
> ​
> The Inline Validation section of the following article discusses
> exactly this problem. It's a good read.
> https://blogs.adobe.com/creativecloud/designing-more-efficient-forms-structure-inputs-labels-and-actions/
>
> What do you think?
>
>
> -- 
> Alexandre Kieling
>
> Sr. Software Engineer, Middleware
>
> Red Hat
>
>
>
> ___
> PatternFly mailing list
> PatternFly@redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly


___
PatternFly mailing list
PatternFly@redhat.com
https://www.redhat.com/mailman/listinfo/patternfly

Re: [Patternfly] Syntax hint wireframes

[Andreas Nilsson]

On 2017-01-16 20:15, Jessica Ryhanych wrote:

Hey PatternFlyers,
I’ve attached a few wireframes addressing the initial discovery work 
[1] on syntax hints. Please send your thoughts on which option we 
should move forward with as the recommendation and what issues you see 
with it, if any. Here we go:




I Cockpit we currently use variant 1/2.
A lot of our input is in dialogs in Cockpit and for 6/7, that would 
result in a lot of odd looking empty space on the right side of the inputs.
To some extent that is true for 3/4 as well, but with regards to 
vertical space. How does this look when you have several inputs with 
hints after each other? It's a bit hard to judge it only from the most 
"clean" state.

- Andreas

___
Patternfly mailing list
Patternfly@redhat.com
https://www.redhat.com/mailman/listinfo/patternfly

[Patternfly] Long running operations

[Andreas Nilsson]

Hi!
We recently got a request in Cockpit for tracking long running tasks, so 
I wanted to check if this is a problem other projects have run into as well.

https://lists.fedorahosted.org/archives/list/cockpit-de...@lists.fedorahosted.org/thread/IOXJCIF6A7HAM6ICXLTMEEO2EV2KCELL/

These are things like disk operations, where things could take literal 
hours. Be able to track the progress while you're busy with other stuff, 
but more importantly, be informed when it has been successful.
For the notification case, there is the notification drawer pattern, so 
that one should be straight forward, but there is nothing for keeping 
track of the progress while it's ongoing.


Any ideas on what could be a good solution here?
- Andreas

___
Patternfly mailing list
Patternfly@redhat.com
https://www.redhat.com/mailman/listinfo/patternfly

Re: [Patternfly] Examples of Communication/Confirmation via modal

[Andreas Nilsson]

On 2016-10-26 17:02, Liz Blanchard wrote:


Does anyone have examples of delete confirmations or other types of 
modal messaging that they are using or looking to use?


In Cockpit we use them for some "Are you really sure you want to delete 
this".
I wish there was a better way of doing those. Been trying to use a 
selection mode for some (so you have to press a button to get into a 
mode where you're allowed to delete to avoid accidental deletes), and 
also considered doing a undo action that stays around for a little while 
and then goes away.


A recent place we used a confirmation dialog was for networking actions 
that results in the administrator getting disconnected from the Cockpit 
UI, such as turning off the network card, or changing the IP address of 
the interface that one connects to Cockpit on. This prevents being out 
of luck in situations where you have several network cards, you're 
connected to one of them, and then wants to turn of another one, but 
selects the one you're on by accident.
(Under the hood, networkmanager takes a snapshot of the state, figures 
out Cockpit lost it's connection and reverts to the previous configuration)


Here is a mockup of how it works:
https://github.com/cockpit-project/cockpit/pull/5069#issuecomment-252241553

- Andreas
___
Patternfly mailing list
Patternfly@redhat.com
https://www.redhat.com/mailman/listinfo/patternfly

Re: [Patternfly] Move to Slack

[Andreas Nilsson]

On 2016-09-29 22:17, Andres Galante wrote:

Hi!

I want us to move the PatternFly community chat to Slack.

I feel that even though the IRC channel is usually crowded there is 
not enough discussion.


I love IRC but since the UXD team is on Slack, all of our designers 
and most of our developers are on Slack.


It would be one more app for me to install and keep open, but if it 
allows for one less client for the rest of you to have open, I'm happy 
to carry the burden. :)


PS. This is more of an internal company thing, but I'm happy to join the 
UXD slack channel too, because I'm a bit isolated out here in my department.

Totally up for taking that discussion off-list.

- Andreas

___
Patternfly mailing list
Patternfly@redhat.com
https://www.redhat.com/mailman/listinfo/patternfly

Re: [Patternfly] browser support

[Andreas Nilsson]

Hi!
For Cockpit, we require that browsers supports websocket things to work.
See Minimum client browser versions on 
http://cockpit-project.org/running.html

- Andreas


On 2016-08-02 22:10, Leslie Hinson wrote:

Hi all,

PatternFly tracks the bootstrap project for supported browser versions 
(http://getbootstrap.com/getting-started/#support). I'm collecting 
information if there any specific browser support commitments beyond 
what bootstrap supports for applications using PatternFly.


Thanks,
Leslie
___
Patternfly mailing list
Patternfly@redhat.com
https://www.redhat.com/mailman/listinfo/patternfly

Re: [Patternfly] Contributing a slider

[Andreas Nilsson]

On 2016-07-28 23:56, Colleen Briant wrote:
I'd like to contribute a slider widget to Core Patternfly that has a 
"dependent" option (somewhat like http://jsfiddle.net/ankr/L8reK/ ).


I see there's already a backlog item for this 
https://patternfly.atlassian.net/browse/PTNFLY-1282?filter=10405=project%20%3D%20PTNFLY%20AND%20issuetype%20%3D%20Story%20AND%20resolution%20%3D%20Unresolved%20AND%20text%20~%20%22slider%22%20ORDER%20BY%20cf%5B10007%5D%20ASC%2C%20updated%20ASC%2C%20priority%20DESC 
 
and a github issue https://github.com/patternfly/patternfly/issues/210 
but it looks like there hasn't actually been an addition to patternfly 
yet.


Did you manage to get this running in Firefox?
I can't get inputs with the range property to work at all in Firefox (on 
Linux at least, I could try on a windows box later).

- Andreas

___
Patternfly mailing list
Patternfly@redhat.com
https://www.redhat.com/mailman/listinfo/patternfly

[Patternfly] Slider element

[Andreas Nilsson]

Hi!
Long story short, setting up a storage pool in Cockpit wasn't optimal in 
the past. It's far from perfect now, but we've managed to improve one 
micro interaction of it:
In the past we had a input field where you just wrote numbers, so about 
as nice to use as fdisk from the cli, and then you might as well use 
fdisk from the cli :)
This is the original bug report 
https://github.com/cockpit-project/cockpit/issues/1116


With a upcoming fix, you'll be able to use slider, but there was no 
existing slider in Patternfly, so we made a custom one.
It's mostly just ~80 lines of CSS and a little bit of javascript for the 
logic.


This is the pull request that implements this: 
https://github.com/cockpit-project/cockpit/pull/3876/


This is how it looks in action:
https://cloud.githubusercontent.com/assets/209895/13535654/a410e560-e23b-11e5-9fa3-fad54d959aff.png

Is this something that would be interesting to have for others? Is there 
anything you would change?
I've filed an issue about in Patternfly here 
https://github.com/patternfly/patternfly/issues/210

- Andreas

___
Patternfly mailing list
Patternfly@redhat.com
https://www.redhat.com/mailman/listinfo/patternfly