Results 1 to 8 of 8

Thread: ToolTip on textfield

  1. #1
    Sencha User
    Join Date
    Mar 2013
    Posts
    26
    Vote Rating
    3
      1  

    Default ToolTip on textfield

    Is there anyway to set tooltip on textfield using Sencha Architect 2?

    set some properties to toolTip true and assign content for tooltip dynamically ?

  2. #2
    Sencha Premium User
    Join Date
    Mar 2011
    Location
    Farmers Branch, TX
    Posts
    60
    Vote Rating
    3
      0  

    Default

    Any answers to this. I'm having the same problem.

  3. #3
    Ext JS Premium Member tangix's Avatar
    Join Date
    Mar 2010
    Location
    Stockholm, Sweden
    Posts
    696
    Vote Rating
    74
      4  

    Default

    Just a suggestion... add an afterrender event to the field and then add the following code:
    Code:
    var tip = Ext.create('Ext.tip.ToolTip', {
        target: component.id,
        html: 'Tooltip for the field created ' + new Date().toString()
    });
    /Mattias

  4. #4
    Sencha Premium User
    Join Date
    Mar 2011
    Location
    Farmers Branch, TX
    Posts
    60
    Vote Rating
    3
      0  

    Default

    Thanks, I've been playing with it since I posted last and added this as a listener to the text field in a form. It sort of works but not very well. Hard to explain the behavior. I do see the tooltip; but only after hovering over a nearby button, waiting for it's tooltip to draw; then quickly moving to the textbox. Then the textbox tooltip appears. If I just mouse over the text box without first mousing over the nearby button, the tooltip does not appear.


    In the listener for the textbox:
    Code:
    {
       render: function(c) {
          Ext.QuickTips.register({
            target: c.getEl(),
            text: 'my tooltip goes here',
            enabled: true,
            showDelay: 20,
            trackMouse: true,
            autoShow: true
          });
        }
    }
    I will try your suggestion tomorrow.

    Thanks,
    John

  5. #5
    Sencha Premium User
    Join Date
    Mar 2011
    Location
    Farmers Branch, TX
    Posts
    60
    Vote Rating
    3
      0  

    Default Thanks - it worked

    Tangix,

    Thanks, your suggestion worked perfectly!

    John

  6. #6
    Ext JS Premium Member tangix's Avatar
    Join Date
    Mar 2010
    Location
    Stockholm, Sweden
    Posts
    696
    Vote Rating
    74
      0  

    Default

    Glad to here!
    /Mattias

  7. #7
    Sencha User
    Join Date
    Oct 2014
    Posts
    12
    Vote Rating
    0
      0  

    Default

    tangix ,

    Your write up was great. I would never have figured that out without your post. Thanks again.

  8. #8
    Sencha Premium User
    Join Date
    May 2014
    Posts
    5
    Vote Rating
    1
      0  

    Default that worked like a charm. Thanx a ton Mattias!

    Quote Originally Posted by tangix View Post
    Just a suggestion... add an afterrender event to the field and then add the following code:
    Code:
    var tip = Ext.create('Ext.tip.ToolTip', {
        target: component.id,
        html: 'Tooltip for the field created ' + new Date().toString()
    });
    /Mattias
    that worked like a charm. Thanx a ton Mattias!

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
  •