<div dir="ltr"><div><div>Agree that this is something to add to the PatternFly backlog.  I'm working on the USM Storage project and we specified a similar interaction for sizing pools.  I suspect there are other use cases where this type of interaction is needed.<br><br></div>Regards,<br><br></div>Matt<br></div><div class="gmail_extra"><br><div class="gmail_quote">On Fri, Mar 4, 2016 at 1:29 PM, Andreas Nilsson <span dir="ltr"><<a href="mailto:anilsson@redhat.com" target="_blank">anilsson@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Hi!<br>
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:<br>
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 :)<br>
This is the original bug report <a href="https://github.com/cockpit-project/cockpit/issues/1116" rel="noreferrer" target="_blank">https://github.com/cockpit-project/cockpit/issues/1116</a><br>
<br>
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.<br>
It's mostly just ~80 lines of CSS and a little bit of javascript for the logic.<br>
<br>
This is the pull request that implements this: <a href="https://github.com/cockpit-project/cockpit/pull/3876/" rel="noreferrer" target="_blank">https://github.com/cockpit-project/cockpit/pull/3876/</a><br>
<br>
This is how it looks in action:<br>
<a href="https://cloud.githubusercontent.com/assets/209895/13535654/a410e560-e23b-11e5-9fa3-fad54d959aff.png" rel="noreferrer" target="_blank">https://cloud.githubusercontent.com/assets/209895/13535654/a410e560-e23b-11e5-9fa3-fad54d959aff.png</a><br>
<br>
Is this something that would be interesting to have for others? Is there anything you would change?<br>
I've filed an issue about in Patternfly here <a href="https://github.com/patternfly/patternfly/issues/210" rel="noreferrer" target="_blank">https://github.com/patternfly/patternfly/issues/210</a><br>
- Andreas<br>
<br>
_______________________________________________<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/listinfo/patternfly</a><br>
</blockquote></div><br><br clear="all"><br>-- <br><div class="gmail_signature"><div dir="ltr"><div><div><div>Matt Carrano<br></div>Sr. Interaction Designer<br></div>Red Hat, Inc.<br></div><a href="mailto:mcarrano@redhat.com" target="_blank">mcarrano@redhat.com</a><br></div></div>
</div>