# GeoExt

### Navigation

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

# `GeoExt.LayerOpacitySliderTip`

Extends
  - Ext.Tip
  - `GeoExt.SliderTip`

class `GeoExt.``LayerOpacitySliderTip`(config)
  Create a slider tip displaying `GeoExt.LayerOpacitySlider` values.

## Example Use

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

    var slider = new GeoExt.LayerOpacitySlider({
        renderTo: document.body,
        width: 200,
        layer: layer,
        plugins: new GeoExt.LayerOpacitySliderTip({
            template: "Opacity: {opacity}%"
        })
    });

## 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:

  - `opacity` - the opacity value in percent.

### Navigation

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