[CLOSED] How to hide empty ToolTip?

Hi,

Is it possible not to display an empty ToolTip? Here's the setup on my page. If the DisplayField1 element is empty, I'd like to prevent the ToolTip from showing up. It should be available if a non-empty value does exist though.

Code:

---

<ext:DisplayField ID="DisplayField1" runat="server">
    <ToolTips>
        <ext:ToolTip ID="ToolTip1" runat="server">
            <Listeners>
                <Show Fn="showToolTip" />
            </Listeners>
        </ext:ToolTip>
    </ToolTips>
</ext:DisplayField>

var showToolTip = function () {
    this.body.dom.innerHTML = "<b>" + DisplayField1.getValue() + "</b>";
};

---

Hi Vadym,

Returning false from a BeforeShow prevents Tooltip appearing.

There is an old bug.
http://www.sencha.com/forum/showthread.php?111449

To avoid it, please force Tooltip rendering. To do it you can call

Code:

---

Tooltip.render(Ext.getBody());

---

within a ResourceManager DocumentReady listener.

Quote:

---

Originally Posted by Daniil

Hi Vadym,

Returning false from a BeforeShow prevents Tooltip appearing.

There is an old bug.
http://www.sencha.com/forum/showthread.php?111449

To avoid it, please force Tooltip rendering. To do it you can call

Code:

---

Tooltip.render(Ext.getBody());

---

within a ResourceManager DocumentReady listener.

---

Thanks much Danill! It works well with the bug fix you've provided. I did see a few suggestions to use BeforeShow in other threads, but it wouldn't work without the fix.

Code:

---

        var showToolTip = function () {
            this.body.dom.innerHTML = "<b>" + DisplayField1.getValue() + "</b>";
        };

        var onBeforeShow = function () {
            if (DisplayField1.getValue() == "") {
                //toolTip.body.dom.innerHTML = null;
                return false;
            }
        };

<ext:ResourceManager ID="ResourceManager1" runat="server" DirectMethodNamespace="X">
      <Listeners>
          <DocumentReady Handler="/*Bug fix*/ToolTip1.render(Ext.getBody());" />
      </Listeners>
</ext:ResourceManager>

<ext:DisplayField ID="DisplayField1" runat="server">
        <ToolTips>
                <ext:ToolTip ID="ToolTip1" runat="server">
                        <Listeners>
                                <Show Fn="showToolTip" />
                                <BeforeShow Handler="return onBeforeShow();" />
                        </Listeners>
                </ext:ToolTip>
        </ToolTips>
</ext:DisplayField>

---

ToolTip1 is the ID of a ToolTip control. I believe it needs to be done for every ToolTip control on the page to use BeforeShow as suggested.
You can mark this thread as resolved.

Quote:

---

Originally Posted by vadym.f

I believe it needs to be done for every ToolTip control on the page to use BeforeShow as suggested.

---

I think you are right.