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 two state.

Related sample: Toolbar. Image Button

Adding ImageButton

ImageButton can be easily added to a toolbar with the help of the add() method of Tree Collection:

toolbar.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

Just like a button, imageButton can be hidden, disabled and can have a tooltip. You can also manipulate the states of a two state imageButton.

Check the full list of available operations in the Toolbar API and Tree Collection API.