AngularJs tooltip directive - Add style

Question

I have defined a tooltip:

 window.myApp.directive 'atooltip', ->

   restrict: 'A'
   link: (scope, element, attrs) ->

     on_enter = ->
       $(element).tooltip('show')
     on_leave = ->
       $(element).tooltip('hide')

     $(element).hover(on_enter, on_leave)

Use it in my html file like this -->

<span toolipt atooltip data-tooltip="tooltip" data-placement="top" title="CLICK TO ADJUST PRICING">
          {{ something }}
        </span>

How can I change background-color, font etc., also I have more text to add in tooltip, how to format text, can I use html?

Mehi · Accepted Answer · 2015-06-18 07:29:42Z

1

Read documentation about jQuery or angular.element, those offer the funcionality you want. element.css ("background-color","white").

edited Jun 18, 2015 at 7:29

answered Jun 18, 2015 at 6:09

Mehi

617 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Peter Over a year ago

Is this a question or an answer? ;)

Mehi Over a year ago

Now it is an answer :D

Oatmeal Over a year ago

element.css ("background-color","white") where can I use this ??

Mehi Over a year ago

Try adding it to on enter method and on leave after tool tip show line to change CSS.

Collectives™ on Stack Overflow

AngularJs tooltip directive - Add style

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related