# GeoExt

### Navigation

- GeoExt »
- API Reference »
- Widgets »
- `GeoExt.ZoomSliderTip`

# `GeoExt.ZoomSliderTip`

Extends
  - Ext.Tip
  - `GeoExt.SliderTip`

class `GeoExt.``ZoomSliderTip`(config)
  Create a slider tip displaying `GeoExt.ZoomSlider` values.

## Example Use

Sample code to create a slider tip to display scale and resolution:

    var slider = new GeoExt.ZoomSlider({
        renderTo: document.body,
        width: 200,
        map: map,
        plugins: new GeoExt.ZoomSliderTip({
            template: "Scale: 1 : {scale}<br>Resolution: {resolution}"
        })
    });

## Config Options

Configuration properties in addition to those listed for Ext.Tip.

`hover`
  `Boolean` Display the tip when hovering over the thumb. If `false`, tip will only be displayed while dragging. Default is `true`.

`minWidth`
  `Number` Minimum width of the tip. Default is 10.

`offsets`
  `Array(Number)` A two item list that provides x, y offsets for the tip. Default is [0, -10].

`template`

  `String` Template for the tip. Can be customized using the following keywords in curly braces:

  - `zoom` - the zoom level
  - `resolution` - the resolution
  - `scale` - the scale denominator

### Navigation

- index
- modules |
- next |
- previous |
- GeoExt »
- API Reference »
- Widgets »
- `GeoExt.ZoomSliderTip`