Project

General

Profile

Actions
Copy link

Feature #585

closed

Improve look of sliders

Added by Anonymous over 13 years ago. Updated about 13 years ago.

Status:
Closed
Priority:
Normal
Assignee:
Koen Deforche
Target version:
-
Start date:
11/03/2010
Due date:
% Done:

0%

Estimated time:

Description

Current WSliders don't look very good.

Besides they take too much screen space due to the fact that the thumb arrow is shifted from the slider line

Also, there is no visual feedback when the mouse goes over the slider.

A nice slider implementation can be found on extjs : [[[http://dev.sencha.com/deploy/dev/examples/slider/slider.html]]]

Would be nice to have this on WSliders.

Actions
Copy link
 #1

Updated by Christophe Delépine over 13 years ago

Hi Koen,

Is there a chance this will be implemented in a "near" future ?

I find that pretty widgets are key for attracting new wt developers, so it is worth the effort.

Regards

Christophe

Actions
Copy link
 #2

Updated by Koen Deforche over 13 years ago

  • Status changed from New to InProgress
  • Assignee set to Koen Deforche

Hey Christophe,

I agree WSlider needs some customization options here. I would suggest that the slider itself is a CSS image (excluding the ticks) which is theme dependent, and so is the slider handle.

Regards,

koen

Actions
Copy link
 #3

Updated by Christophe Delépine over 13 years ago

Hi Koen,

That sounds good. Is that how extjs implementation is done ?

The 2 most important features to me is to have the handle centered on the slider line and to have a visual feedback when the mouse goes over the handle.

Regards

Christophe

Actions
Copy link
 #4

Updated by Anonymous over 13 years ago

Any chance of using the HTML 5 slider ("range" input type) when supported by the browser?

Cheers,

Dan

Actions
Copy link
 #5

Updated by Koen Deforche over 13 years ago

Hey Dan,

Good suggestion. We'll make it so that we can support the native HTML5 slider widget as soon as it is provided by a browser.

Regards,

koen

Actions
Copy link
 #6

Updated by Koen Deforche about 13 years ago

  • Status changed from InProgress to Resolved

Hey,

Something along these lines is now available in git. The slider background + handle are now entirely CSS-styled, and there is an option to use the built-in native input range control.

We still need an extra image for the :hover effect.

Regards,

koen

Actions
Copy link
 #7

Updated by Koen Deforche about 13 years ago

  • Status changed from Resolved to Closed

Available in Wt 3.1.9

Actions
Copy link

Also available in: Atom PDF