title: Overlapping tooltip in Extjs Grid
body: <p>I have an issue that I’ve been trying to resolve.  I’m very new to Sencha ExtJS. I’ve included image links to assist my explanation.</p>
  
  <p>I have a Tooltip  that displays “Double-click to Configure” when you move your MouseOver the header of a table which works fine.</p>
  
  <p>Shown here: <a href="http://img227.imagevenue.com/img.php?image=952843717_Header_122_41lo.jpg" rel="nofollow noreferrer">http://img227.imagevenue.com/img.php?image=952843717_Header_122_41lo.jpg</a></p>
  
  <p>Also
  I have a Tooltip  that displays “Show Available Options” when you move your MouseOver the gear icon. </p>
  
  <p>The problem is that the gear icon is within the header so when you mouseover the gear icon, the header tooltip also displays displays. Shown here
  <a href="http://img157.imagevenue.com/img.php?image=952937141_Config_122_421lo.jpg" rel="nofollow noreferrer">http://img157.imagevenue.com/img.php?image=952937141_Config_122_421lo.jpg</a></p>
  
  <p>I really don’t know how EXTJS renders it’s grid but is there a way for me to place the gear icon outside of the header or not display the “Double-click to Configure” Tooltip when a user mouseovers the gear icon?</p>
  
  <p>I’m Not sure where to look in the code I have a file uiconstant.js that creates all the UI constants in a Static class</p>
  
  <pre><code>UIElements:
  {
      SIMULATION_GRID: 'simulationgrid',
      REPORT_SCHEDULER: 'reportscheduler',
      BLENDED_BENCHMARK: 'blendedBenchmark',
      BLENDED_BENCHMARK_GROUPINGS: 'blendedBenchmark_groupings',
      DEFAULT_CONTAINER_LABEL: 'Click to configure container',
      EDIT_CONFIGURE_CONTAINER_LABEL: 'Click to edit configuration',
      DO_NOT_REQUEST_CONTENT_LABEL: 'Automatic calculation off for this dashboard.',
      NO_RECORDS_FOUND: '&lt;div class="no-records-found"&gt;No records found&lt;/div&gt;',
      CONTAINER_PANEL: 'containerPanel',
      DoubleClickToConfigure: 'Double-click to Configure'
  }
  </code></pre>
  
  <p>I also have a ContainerPanel.js File that Represents the custom panel for the container.
  Not sure if I am looking in the correct files to make this change or update the grid</p>
  
  <pre><code>    Ext.create('Ext.tip.ToolTip', {
          target: header,
          html: UiConstant.UIElements.DoubleClickToConfigure
  
      });
  </code></pre>