Apply extjs-tip-ui to QuickTips from the QuickTipManager

[thecap]

Hi,

we are building quicktips through the Ext.tip.QuickTipManager-singleton.
(http://docs.sencha.com/extjs/6.0/6.0...uickTipManager)

Does anyone know how to apply a custom ui which is build via the 'extjs-tip-ui'-mixin? (http://docs.sencha.com/extjs/6.0/6.0...n-extjs-tip-ui)

The ui is located inside our theme.

[alex.volfson]

You could add this to you sass file

@include extjs-tip-ui(        
       $ui: 'greentip',        
       $ui-background-color: green; 
);

[thecap]

Thanks for your answer but regrettably the ui in sass itself is not the problem.

The question is how to apply this ui cause I am not nistanciating every Tooltip via a create-method or something like this.
Instead we're using the Ext.tip.QuickTipManager-singleton and its methods do not seem to offer the ability to set the ui-config for the tips.

Does anyone use this singleton together with a ui for tips?

[alex.volfson]

This was in the documentation. I just added the ui property.

// Init the singleton.  Any tag-based quick tips will start working.
Ext.tip.QuickTipManager.init();

// Apply a set of config properties to the singleton
Ext.apply(Ext.tip.QuickTipManager.getQuickTip(), {
    maxWidth: 200,
    ui:"yourUI",
    minWidth: 100,
    showDelay: 50      // Show 50ms after entering target
});