Geek asks and answers

Qtip bubble style

I just launched the qtip2 plugin for jQuery and cannot make the style work according to their examples. Maybe I don’t understand something?

This is their example for downloading 6 themes available by default, but nothing changes if I use cream, red, dark, light, blue or green. I just keep getting the default cream theme. Should they also be available and used as qtip 1x?

$("jqueryselector").qtip({
   content: 'Dark themes are all the rage!',
   style: { 
      name: 'dark' // Inherit from preset style
   }
});

In jQuery, my code is as follows:

$(function(){
    $('a['title']).qtip({style:{name:'red',tip:true}}); // picked up from the getting started page
});
+3
source share
2 answers

This style of tooltip styling applies to the original version qtip , which is now being replaced by a newer version. qtip2uses the best class-based styling method.

$('.selector').qtip({
   content: {
      text: 'I\'m blue... deal with it!'
   },
   style: {
      classes: 'ui-tooltip-blue ui-tooltip-shadow'
   }
});

qtip2. qtip1.

+6

, .

$('a['title']).qtip(style:{name:'red',tip:true}); // your code
$('a[title]').qtip({ style: { name: 'cream', tip: true } });  // their code

EDIT: qtip ...

    style: {
        //name: 'cream',
        tip: true,
        background: '#E6EFF5',
        color: '#297AA8',
        border: {
            radius: 8,
            color: '#bfd8e8'
        }
    }
+2

More articles:


All Articles