6

I have a problem in jQuery Knob plugin.I want to change the font size inside the circle and change the content of the input text.

M Muneer
  • 377
  • 4
  • 17

1 Answers1

9

The only way I can seem to do this tidily is to hook on the draw function, and use the i property to set the style of the input. For example, here is one applying a CSS property to rotate the input element and set the font size.

$(".dial").knob({
    'min':-50,
    'max':50,
    'draw': function() {
        $(this.i).css('transform', 'rotate(180deg)').css('font-size', '10pt');
      }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://anthonyterrien.com/js/jquery.knob.js"></script>
<input type="text" class="dial" data-min="-50" data-max="50" />
vcsjones
  • 138,677
  • 31
  • 291
  • 286
  • If I want to add text under the value of input for example i have 23% consumed i want (consumed) under 23% inside the circle but (consumed) in different font size. – M Muneer Mar 09 '15 at 17:12