Examples of com.google.gwt.widgetideas.client.SliderBar

com.google.gwt.widgetideas.client.SliderBar

A widget that allows the user to select a value within a range of possible values using a sliding bar that responds to mouse events.

Keyboard Events

SliderBar listens for the following key events. Holding down a key will repeat the action until the key is released.

left arrow - shift left one step
right arrow - shift right one step
ctrl+left arrow - jump left 10% of the distance
ctrl+right arrow - jump right 10% of the distance
home - jump to min value
end - jump to max value
space - jump to middle value

CSS Style Rules

.gwt-SliderBar-shell { primary style }
.gwt-SliderBar-shell-focused { primary style when focused }
.gwt-SliderBar-shell gwt-SliderBar-line { the line that the knob moves along }
.gwt-SliderBar-shell gwt-SliderBar-line-sliding { the line that the knob moves along when sliding }
.gwt-SliderBar-shell .gwt-SliderBar-knob { the sliding knob }
.gwt-SliderBar-shell .gwt-SliderBar-knob-sliding { the sliding knob when sliding }
.gwt-SliderBar-shell .gwt-SliderBar-tick { the ticks along the line }
.gwt-SliderBar-shell .gwt-SliderBar-label { the text labels along the line }

     
      // create with range and custom formatter
      final double min = slider.getMin();
      final double max = slider.getMax();
      final double range = max - min;
      sliderBar_ = new SliderBar(min, max, this);
      
      // show labels only at the beginning and end
      sliderBar_.setNumLabels(1);
      
      // set step size (default to 1 or continuous decimal as appropriate)


        slider.addChangeListener(new ChangeListener() {


          @Override
          public void onChange(Widget sender) {
            SliderBar sb = (SliderBar) sender;
            if (oldCircle != null) {
              map.removeOverlay(oldCircle);
            }
            drawCircleFromRadius(marker.getLatLng(),
                sb.getCurrentValue() * 1000, 30);
            map.addOverlay(oldCircle);


            lData.setRadius((int) slider.getCurrentValue() * 1000);
          }

Examples of com.google.gwt.widgetideas.client.SliderBar

Keyboard Events

CSS Style Rules

Related Classes of com.google.gwt.widgetideas.client.SliderBar