Page 6 of 6 FirstFirst ... 456
Results 51 to 57 of 57

Thread: Tooltips on forms and grid are not resizing to the size of the text

  1. #51
    Sencha Premium Member
    Join Date
    Jan 2012
    Posts
    31
    Vote Rating
    1
      0  

    Default

    Hi all,
    (sorry for my english)
    i use ext 4.2.1, and i also try to use the last nigtly released but this is one of my tooltip:
    ToolTip_problem.png
    Like you can see Description occupy two line, because the tooltip don't enlarge his with, but in this way comes to be eliminated another line because if the text goes on more line the tooltip cut off the text. I try all the workaround use in this and in other post but in IE9 the problem persist.

    Anyone can help me?

  2. #52
    Sencha Premium User
    Join Date
    Jan 2009
    Posts
    418
    Vote Rating
    239
      0  

    Default

    I'm running Ext 4.2.1 on IE9 and don't really see issues like this.

    Do you have a standalone test case (code) that you could post? It might be difficult to see what's going on unless we have an example to play around with.

  3. #53
    Sencha Premium Member
    Join Date
    Jan 2012
    Posts
    31
    Vote Rating
    1
      0  

    Default

    thanks another time for responding me today..after a few time of debugging i notice that i committed an error:
    the tooltip on my grid not resizing well only in my complex layout (i use iframe but i have other problem's with IE9 and the most important is already exposed here).
    Then the problem is probably only for my configuration in IE, and the only workaround to eliminate my problem is declare a minwidth like john76543 sayed.
    Do anybody think there is another way?

  4. #54
    Sencha Premium User
    Join Date
    Jan 2009
    Posts
    418
    Vote Rating
    239
      0  

    Default

    Hmmm... that is different than the configuration I'm running (no iframe) so I'm not sure if I have any great ideas.

    The auto layout did get a lot more complex for 4.2.x with potential issues, so the only thing I can think of is to try to replace it with the old auto layout for 4.1.x and see what happens. That's the last solution I came up with before the official fix for Chrome 26+. It was for Chrome, but maybe it helps in your case, too - have you tried this yet?

    http://www.sencha.com/forum/showthre...l=1#post955886

  5. #55
    Sencha Premium Member
    Join Date
    Jan 2012
    Posts
    31
    Vote Rating
    1
      0  

    Default

    Yes, i try all the workaround i found in this forum thread and in other but nothing change, the problem persist to remain, i'll try now to use the old autolayout but it is soo different and probably if i override this component return me some side effect using other component, because probably the only wrong component i'm using is Ext.ux.Iframe and nothing else.

  6. #56
    Sencha User
    Join Date
    Aug 2015
    Posts
    11
    Vote Rating
    0
      0  

    Default

    I've solved tooltips auto width problem on charts with this code:

    Code:
    var myTips = { trackMouse: true,            //width: auto,   //this doesn't work
                height: 20,
                titleAlign: 'left',
                showDelay: 0,
                layout: 'fit',
                dismissDelay: 0,
                hideDelay: 0,
                renderer: function(storeItem, item) {
                    this.setTitle(storeItem.get( 'my_text_field' ));
    
    
                },
                listeners: {
                    beforeshow: {
                        fn: function (tip) {
                            var widthTip = tip.title;
                            //6.2 = aprox width of one character
                            widthTip = (widthTip.length*6.2);
                            return tip.width = widthTip;;
                        }
                    }
                }
               };
    
    
    chart.series.add({
        type: 'line',
        axis: 'left',
        xField: xField,
        yField: yField,
        title: 'my title',
        tips: myTips
    });
    Hope this helps someone.

  7. #57
    Sencha User
    Join Date
    Sep 2015
    Posts
    3
    Vote Rating
    0
      0  

    Default

    I am using Extjs 4.2.1. In the grid column using the below code: renderer : function(value, metaData ,record) { metaData.tdAttr = 'data-qtip="tooltip text"'; return value; }Please let me know how to fix this zoom in and zoom out issue in this scenario.

Page 6 of 6 FirstFirst ... 456

Posting Permissions

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