docs: function showCompInfoFromPoint(e) {
        var x = e.clientX;
        var y = e.clientY;
        var el = Ext.dom.Element.fromPoint(x, y);
  
        window.tel = el;
  
        if (!el) {
          tiaEJ.showMsgBox('!Ext.dom.Element.fromPoint(x, y)', 'Error');
        }
  
        var extDomEl = Ext.dom.Element.get(el);
        if (!extDomEl) {
          tiaEJ.showMsgBox('!Ext.dom.Element.get(el)', 'Error');
        }
  
        var comp = Ext.Component.from(extDomEl);
        if (!comp) {
          tiaEJ.showMsgBox('!Ext.Component.from(extDomEl)', 'Error');
        }
  
        // console.log('COMP FOUND: ' + comp.getId());
  
        // boundlist
        //
  
        // fromPoint does not find disabled items, so let's hande this ourselves.
        if (comp.isContainer) {
          var newComp = null;
          comp.cascade(function (curComp) {
            if (curComp.isDisabled()) {
              var box = curComp.getBox();
              if (x >= box.left && x <= box.right && y >= box.top && y <= box.bottom) {
                newComp = curComp;
              }
            }
            return true;
          });
          if (newComp) {
            comp = newComp;
          }
        }
  
        // console.log('COMP after box handling: ' + comp.getId());
  
        if (!comp) {
          tiaEJ.showMsgBox('Error at box handling ', 'Error');
        }
  
        window.tcmp = comp;
  
        // var oldBorder = comp.getConfig().border;
        // var oldStyle = comp.getConfig().style;
        //
        // console.dir(oldBorder);
        // console.dir(oldStyle);
        //
        // comp.setConfig('border', 5)
        // comp.setConfig('style', {
        //   borderColor: 'red',
        //   borderStyle: 'solid'
        // });
        //
        // setTimeout(function () {
        //   comp.setConfig('border', oldBorder);
        //   comp.setConfig('style', oldStyle);
        // }, 10000);
  
  
        // comp.setBorder(5);
        // comp.setStyle({
        //   borderColor: 'red',
        //   borderStyle: 'solid'
        // });
  
        var record = null;
        var recordStr = 'Record info: ';
  
        try {
          record = comp.getRecord(extDomEl);
          recordStr += '\n' + tiaEJ.ctMisc.stringifyAllRecord(record, true);
          recordStr += '\n' + this.consts.bigSep;
        } catch (err) {
          recordStr += this.consts.nA;
          if (tia.debugMode) {
            console.log('Exp exc:' + err);
          }
        }
  
        if (tia.debugMode) {
          window.c1 = comp;
        }
        var outStr = this.getComponentAndParentsInfo(comp, false, extDomEl).join('\n') + '\n' + recordStr;
  
        tiaEJ.showMsgBox(outStr, 'Info about a component under mouse cursor');
        // console.log(outStr);
      }