Custom HTML

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

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 >"
});

type	(string) required, the item type, set it to "customHTML". If not specified - the "navItem" type is applied by default.
id	(string) the id of an item, auto-generated if not set
parent	(string) the parent of the item
html	(string) a string with HTML that should be inserted into the item
css	(string\|string[]) adds style classes
hidden	(boolean) defines whether an item is hidden

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