Title

This is an item that contains some text.

Related sample:  Toolbar. Title

Adding Title control

A Title control can be added to a toolbar with the help of the add() method of Tree Collection:

toolbar.data.add({
    type: "title",
    value: "APP NAME"
});

Attributes

You can provide the following attributes in the configuration object of a Title control:

  • type - (string) the item type, set it to "title". If not specified - the "navItem" type is applied by default.
  • id - (string) the id of a control, auto-generated if not set
  • html - (string) optional, a string with HTML that should be inserted into the title
  • value - (string) the value of the Title control. You need to set either the html or value property to the title
  • css - (string) adds a custom CSS class

Showing/hiding title

Title can be hidden and shown with the help of the show()/hide() methods. Pass the id of a Title control as a parameter.

toolbar.show(id);
toolbar.hide(id);

Related sample:  Toolbar. Hide/Show

Adding a tooltip

You can add a tooltip to a Title control:

{
    type:"title",
    value:"2K",
    tooltip:"Your subscribers"
}

Related sample:  Toolbar. Tooltips

Back to top