[Design Pattern] Sliding Date Picker

Jonathan Hung jonathan.hung at utoronto.ca
Thu Jan 24 15:25:28 UTC 2008


Interesting!

I was trying to think of an application for thus component since I have
never seen it used in commercial software I've used. But after some thought
I think this kind of UI component would be great for filtering data in a
table or list.

Not only useful for filtering dates, you can also filter textual data as
well such as names (select the "Student Name" column of and filter for only
names beginning with E to G), and filtering for numerical values (i.e.
filter images in the Gallery that have pixel width between 800 to 1280
pixels, thus filtering out anything larger because it won't fit nicely into
the screen). This would imply that the slider would dynamically change what
it is filtering depending on what column is selected in the table.

I think the greatness lies in applications beyond dates, but help filter
data that is in a sequential order.



On 23/01/2008, Eli Cochran <eli at media.berkeley.edu> wrote:
>
> Here is a great date picker design pattern. It's worth playing around
> with.
> http://ajaxorized.com/introducing-the-sliding-date-picker/
>
>
>
>
> . . . . . . . . . . .  .  .   .    .      .         .              .
>                 .
>
> Eli Cochran
> user interaction developer
> ETS, UC Berkeley
>
>
>
> _______________________________________________
> fluid-work mailing list
> fluid-work at fluidproject.org
> http://fluidproject.org/mailman/listinfo/fluid-work
>
>


-- 
Jonathan Hung / jonathan.hung at utoronto.ca
University of Toronto - ATRC
Tel: (416) 946-3002
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20080124/2cbcd878/attachment.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: sliderscreenie.jpg
Type: image/jpeg
Size: 9331 bytes
Desc: not available
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20080124/2cbcd878/attachment.jpg>


More information about the fluid-work mailing list