Skip to main content


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.

DHX Ribbon imageButton

Adding ImageButton

ImageButton can be easily added to a ribbon with the help of the add() method of the data module:{
type: "imageButton",
count: 10,
src: "../img/avatar.png"


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.