CODEWITHSUNDEEP
extjsextjs4.1
Pari
Pari

Reputation: 339

How put userTip at bottom of slider using extjs4.1.3

I am using slider in extjs 4.1.3. I that i am getting userTip at top of slider. Now i want that at bottom of slider code is as follow

var slider=Ext.create('Ext.slider.Single', {
  width: 300,
  value: 100,
  increment: 5,
  minValue: 5,
  maxValue: 100,
  labelWidth: 160,
});

My slider result is coming like in image as follow: enter image description here

I want as image below enter image description here

Please help me for same.

Upvotes: 0

Views: 67

Answers (1)

vajrakumar
vajrakumar

Reputation: 758

Ext.slider.Tip.prototype.offsets = [0, 50];

Just add this line above your code. This makes all the sliders' tipText to come below, no need to mention for each one.

Or if you wan to add only to that slider then use below listener: 

  listeners:{    
 render:function( ths, eOpts ){      
 ths.plugins[0].offsets = [0,50]; 
      }  
 }

Upvotes: 1

Related Questions