Always show the tip text of Slider in Extjs

[venkateshwar]

How to keep the tip text of the slider always visible?
Currently, the tip text is being visible whenever the user drags the bar of the slider.
I searched on docs but couldn't find any related concepts.

[mitchellsimoens]

There isn't a config to do this. You can kind of do this but I'm not sure of any issues with other tips used in an app:

Ext.define('Override.slider.Tip', {
    override : 'Ext.slider.Tip',

    init : function(slider) {
        var me = this;

        me.callParent([slider]);

        slider.on({
            scope       : me,
            single      : true,
            delay       : 100, //settle down DOM
            afterRender : me.onSliderRender
        });

        slider.un({
            scope   : me,
            dragend : me.hide //this is what stops the tip from hiding
        });
    },

    onSliderRender : function(slider) {
        var thumbs  = slider.thumbs,
            t       = 0,
            tLen    = thumbs.length,
            onSlide = this.onSlide;

        for (; t < tLen; t++) {
            onSlide(slider, null, thumbs[t]);
        }
    }
});

Ext.create('Ext.slider.Single', {
    width     : 200,
    value     : 50,
    increment : 10,
    minValue  : 0,
    maxValue  : 100,
    renderTo  : Ext.getBody()
});

[venkateshwar]

@mitchellsimoens This is working. Thanks. But actually, I am also moving the bar using two buttons which are adjacent to the slider ('<' and '>'). Your code works fine if I am only working with slider. But if I just press the adjacent buttons, the bar moves but not the tip text. Anyway to solve this too? [B]