title: How to increase the width of a tooltip in tab panel?
body: <p>Tooltip width is not enough to display text inside it. So how can i increase the width of tooltip ? Here is my code:</p>
  
  <pre><code>Ext.onReady(function() {
      Ext.tip.QuickTipManager.init();
  
      Ext.create('Ext.tab.Panel', {
          width : 500,
          height : 200,
          style : 'margin: 50px',
          renderTo : Ext.getBody(),
          items : [{
              title : 'Tab One'
          }, {
              title : 'Tab Two',
              tabConfig : {
                  tooltip : {
                      text : 'Hello tab one... This is James cook. How r u doing.:)',
                      title : 'Tooltip Header'
                  }
              }
          }, {
              title : 'Tab Three'
          }]
      });
  });
  </code></pre>
  
  <p>I have used:</p>
  
  <pre><code>div.x-tip {
      width: 300px !important; height: 100px !important;
  }
  </code></pre>
  
  <p>Width is increasing but tooltip text is not adjusting to the width. I want to make tooltip text a single line. Any idea on this..??</p>
  
  <p><img src="https://i.stack.imgur.com/u44lL.png" alt="enter image description here"></p>
  
  <p>Thanks in advance.</p>