Slider bar - Slider from both ends

[Suhas Bilaye]

Hi,

I wanted to have a slider bar for selecting a range of values between minimum and maximum. For example if min value is 1 and max is 100 I should be able to select range from 72 to 91. For this purpose a I tried to use a slider bar but since it provides only one value and not a range of values, it doesn't serve the purpose.

Does anyone know of any Slider bar in GWT or any other external library support for this dual ended slider bar?

Regards,
Suhas

[Maneesh Godbole]

Which slider bar did you use?

[Suhas Bilaye]

I am using com.google.gwt.gen2.picker.client.SliderBar.

[Maneesh Godbole]

Check out http://google-web-toolkit-incubator.googlecode.com/svn/trunk/demo/SliderBar/index.html
I havent used it myself, but from the example it looks like you can define the min/max values

[Suhas Bilaye]

Hey thanks for the reply,

Actually if you see in the link the sliding pointer is only one so you can select only one value. I want to have a selection of range of values.
For example, I am supposed to display set of medicines for different age groups say 12 - 30 and 30 - 50 the min age is 5 and max is 105
The slider bar should have sliding facility at both endpoints i.e user should be able to select any range of values and not a single value.

Regards,
Suhas

[Maneesh Godbole]

No idea sorry. I haven't seen such a slider bar ever.

[Suhas Bilaye]

Check this image. This is what I want to achieve.

Thanks and Regards,
Suhas

[Maneesh Godbole]

Sorry no idea. Personally I find it a very confusing user control and I would not recommend it.

[salvin francis]

just a suggestion:
you could also use the native scrollbar as a slider component:

This is what i had done some time ago with an instance variable :msg which is a Label.

RootPanel.get().add(msg);
ArrayList<SimplePanel> arr = new ArrayList();
HorizontalPanel hp = new HorizontalPanel();

for(int n=0;n<10;n++)
{
	SimplePanel sp = new SimplePanel();
	sp.setWidth("1px");
	sp.setHeight(n*50+"px");
	arr.add(sp);
}

for(int n=0;n<10;n++)
{
	SimplePanel sp = arr.get(n);
	ScrollPanel scroll = new ScrollPanel();
	scroll.setWidth("25px");
	scroll.setHeight("100px");

	scroll.addScrollListener(new ScrollListener(){
			public void onScroll(Widget widget, int scrollLeft, int scrollTop)
			{
				msg.setText("Scroll "+scrollLeft+","+scrollTop);
			}
		}
	);

	scroll.setWidget(sp);
	hp.add(scroll);
}

[Dave McCann]

Suhas Bilaye wrote:Check this image. This is what I want to achieve.

Thanks and Regards,
Suhas

That looks great. Do you have the Source code that you used?