Results 1 to 8 of 8

Thread: ToolTip on textfield

  1. #1
    Sencha User
    Join Date
    Mar 2013
    Posts
    26

    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

    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
    735

    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

    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

    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
    735

    Default

    Glad to here!
    /Mattias

  7. #7
    Sencha User
    Join Date
    Oct 2014
    Posts
    12

    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

    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
  •