Results 1 to 2 of 2

Thread: extjs4.1.1:The Tooltip is having an issue with chrome browser

  1. #1
    Sencha User
    Join Date
    Oct 2011
    Vote Rating

    Default extjs4.1.1:The Tooltip is having an issue with chrome browser

    I have a tooltip create function which shows an image and it's filename in it's tip content.The tooltip create function is as follows,

    this.imageTip = Ext.create('Ext.tip.ToolTip', {
    target : this.el,
    maxWidth : 400,
    html : '<img src="http://localhost/images/img1.jpg?dc=1355817306373"/><br/><b>File Name</b>: img1.jpg',
    listeners : {
    beforeshow : function(component, options) {
    component.update('<img src="http://localhost/images/img1.jpg?dc=1355817306373"/><br/><b>File Name</b>: img1.jpg');
    scope : this
    The Tooltip is having an issue with chrome browser.Sometimes it shows an emptybox,Sometimes it returns a partial view of the image and in other cases it works perfectly fine.The issue exists only in chrome browser.Someone please help me to fix this issue in chrome

  2. #2
    Sencha User friend's Avatar
    Join Date
    Apr 2011
    Vote Rating


    A Tooltip does simple, dynamic sizing based on its HTML content; however, images are an unknown quantity and you're aren't specifically declaring any sizing in your <img> tags either.

    As a test, try declaring a fixed size for your Tooltips and see if the sizing behavior is normalized across browsers.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts