Skip to main content

ImageButton

This is a button with an image. Unlike a button, it does not have a text label, but can also have a badge with a number and can be twoState.

Ribbon image button showing a round user avatar with a name label in DHTMLX Suite

Adding ImageButton​

ImageButton can be easily added to a ribbon with the help of the add() method of the data module:

ribbon.data.add({
    type: "imageButton",
    count: 10,
    src: "../img/avatar.png"
});

Properties​

You can provide the following properties in the configuration object of an ImageButton control.

Working with ImageButton​

You can perform operations over the imageButton control with the help of the available Ribbon API and Tree Collection API.

Need more help?Contact Support