#103 ✓resolved
Brian R Zaik

Build reusable slider element

Reported by Brian R Zaik | August 16th, 2010 @ 02:07 PM

For duration and perhaps other numerical parameters within specific ranges, we need to build a javascript slider. Luckily, jQuery UI has a slider construct (http://docs.jquery.com/UI/Slider) that should work well for this. However, we need to modify it somewhat:

  • The slider itself needs to handle displayed minimum and maximum values on the left and right sides of the actual slider bar.

  • The middle handle ideally would contain a label that would adjust as the handle is moved to show the slider's selected value. This handle would be styled similarly to the blue action buttons (CSS3 and a background image).

I've attached a screenshot from the Add Content L2 mockup that shows what this should look like.

Comments and changes to this ticket

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

Concerto is an open source digital signage system that makes it easy to engage a large community of people with graphical and text-based announcements, bulletins, and other messages... but enough about us, you came here to get involved.
<br />
If you think you've <b>found a bug in Concerto</b>, please click 'Create new ticket' and let us know about it.
<br />
Looking to peek at our source code? Head to <a href="https://github.com/concerto/concerto_v1">https://github.com/concerto/concerto_v1</a> (Concerto version 1) or <a href="https://github.com/concerto/concerto">https://github.com/concerto/concerto</a> (Concerto version 2).
<br />
Our getting started guide is available here: <a href="https://github.com/concerto/concerto/wiki/Getting-Involved">https://github.com/concerto/concerto/wiki/Getting-Involved</a>.

Attachments

Referenced by

Pages