Skip to main content

Custom HTML

This is an item that contains any custom HTML content (for example, an image, icon or other element).

Related sample: Ribbon. Custom HTML

Adding Custom HTML​

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

ribbon.data.add({
    type: "customHTML",
    html: "<div id='preloader'><div id='loader'></div></div >"
});

Related sample: Ribbon. Custom HTML

Properties​

You can provide the following properties in the configuration object of a Custom HTML control.

Working with Custom HTML​

You can perform operations over the Custom HTML item with the help of the available Ribbon API and Tree Collection API.