CustomHTMLButton

This is a button that can contain any custom HTML content.

DHX Custom HTML Button

Adding CustomHTMLButton

A custom HTML button can be easily added to a ribbon with the help of the add() method of Tree Collection:

ribbon.data.add({
    type:"customButton",
    html:"<div style='height:30px; border: 2px solid'>My HTML button</div>"
});

The customHTMLButton object has the following properties:

type - (string) the type of a control, set it to "customButton"
id - (string) the id of a control, auto-generated if not set
html - (string) a string with HTML that should be inserted into the button
twoState - (boolean) adds two states to the button: active (pressed) and inactive (unpressed)
active - (boolean) sets the state of a twoState button
value - (string) the value of a custom HTML button
count - (number) a badge with a number
tooltip - (string) a tooltip for the button

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