Select Toolbar Item

[Addy]

How do I set the a toolbar item as active (and selected) by default programmatically?

[Ruksar Moosa Sait]

Hi Addy,

You can select or make the toolbar item active by setting focus to the respective toolbar item like the below code.

let toolbarItem = document.querySelectorAll('.e-toolbar-item');
let focusbutton: Button = new Button();

focusbutton.appendTo('#focusbutton');

    focusbutton.element.onclick = (): void => {

        (toolbarItem[0].firstChild as HTMLElement).focus();

    }

Sample: https://stackblitz.com/edit/beytfz-2ngite?file=index.ts,index.html

Output:

Regards,

Ruksar Moosa Sait