[Solved] How to add textbox into toolbar?

[Danny]

Is it possible to add a textbox into a toolbar component?

[Hetali]

Hello Danny,

We have a dedicated article to add Custom tools to the ToolBar. Using this example, please make the following changes to add a textbox in the ToolBar:

custom-tool.component.ts

<ng-template #toolbarTemplate>
  <kendo-textbox [value]="value"></kendo-textbox>
</ng-template>

@Input() public value: string;

app.component.ts

<kendo-toolbar [overflow]="true">
  <custom-tool value="Custom text"></custom-tool>
</kendo-toolbar>

This StackBlitz example demonstrates the above changes to add a textbox in the ToolBar.

I hope this helps. Let me know if I can further assist you.

Regards,
Hetali
Progress Telerik