button tooltip extjs

button extjs tooltip extjs3
EXTJS newbie picture EXTJS newbie · Dec 8, 2010 · Viewed 22k times · Source

I have added a button to a tab panel in the center region by calling 

var add = tabSelection.addButton({
  id            : 'add',
  text          : 'Add',
  hidden        : true,
  tooltip       : 'Please highlight the correct value and click Add to create new contact',
  handler       : addContact
});

There are two radio buttons in the west region in an accordion layout, labeled 'internal' and 'external'. I want the tool tip to be changed dynamically by capturing the radio button click.

I am able to capture the radio button click and when I set the tooltip of the button accordingly, add.setToolTip('Please highlight the correct value and click Add to create new internalcontact'); if internal client is clicked. add.setToolTip('Please highlight the correct value and click Add to create new external contact'); when external is clicked.

Answer

Jan Vladimir Mostert picture Jan Vladimir Mostert · Jan 11, 2011

You need to initialise tooltips for it to work:

Ext.QuickTips.init();

And use qtip instead of tooltip.

Related questions

How do a get buttons not to take the focus?

I want my (ExtJS) toolbar buttons not to grab the focus on the web page when they are clicked, but to do their "thing" while leaving the focus unchanged by the click. How do I do that?

Read More
How to put X inside textfield to clear text in extjs

I want to implement an X button inside a textfield (x on right side of textfield) to clear entered texts. I have seen many extjs application that has this feature. How do I go about doing that? Any suggestion or …

Read More
trying to align html button at the center of the my page

I'm trying to align an HTML button exactly at the centre of the page irrespective of the browser used. It is either floating to the left while still being at the vertical centre or being somewhere on the page like …

Read More