How to add textbox into toolbar?

1 Answer 283 Views
ToolBar
Danny
Top achievements
Rank 1
Danny asked on 03 Aug 2023, 04:23 PM
Is it possible to add a textbox into a toolbar component?

1 Answer, 1 is accepted

Sort by
1
Accepted
Hetali
Telerik team
answered on 07 Aug 2023, 02:35 PM

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

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Tags
ToolBar
Asked by
Danny
Top achievements
Rank 1
Answers by
Hetali
Telerik team
Share this question
or