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.