PERGOLA LOGO

Quick Tip

The prototype method quickTipUpdate allows to update the text value dynamically. Use case in the sliders example.

View as standalone SVG

var emptyTool = new pergola.ToolButton();
emptyTool.build({
  x : 240,
  y : 100,
  width : 28,
  height : 22,
  stroke : "sandybrown",
  extra : {
    rx : 6
  },
  quickTip : {
    tip : "..."
  }
});


var spy = new pergola.ToolButton();
spy.build({
  x : 340,
  y : 100,
  width : 38,
  height : 22,
  text : {
    x : 5,
    y : 18,
    'font-size' : 18,
    fill : "white",
    textNode : "007",
    'pointer-events' : "none"
  },
  hasTextEffect : false,
  quickTip : {
    tip : [
      "My name is Bond,",
      "James Bond"
    ],
    x : 378,
    y : 68,
    delay : 250
  }
});