How to add an input field in the toolbar

Hello,
 
Thank you for your question.
 
Our team would like to kindly explain that the Toolbar is an open-source addition to Flexmonster.
For minor customization (for example, adding/removing tabs and submenus), we suggest using the approach described in our documentation: How to customize the Toolbar.
 
In case custom HTML elements (for example, input fields) need to be added, you can directly customize the Toolbar's source code. It can be found in the toolbar folder of the Flexmonster package.
 
Please let us know if it helps.
Feel free to contact us in case other questions arise.
 
Kind regards,
Illia

Hello,
 
Thank you for your feedback.
 
We suggest checking out our GitHub sample demonstrating the integration with Angular. It contains multiple usage examples, including the Toolbar customization. This specific sample shows how to customize the Toolbar using the built-in API as described in our documentation.
 
The approach remains the same for more in-depth customization (changes in the Toolbar's source code).
However, we suggest trying to implement the desired functionality without changes in the source code itself. Currently, the customization of the Toolbar through API is the most convenient approach. Moreover, this would allow preserving changes after updating the component.
 
For example, instead of adding the input field directly to the Toolbar, you could create an additional button that would invoke a pop-up window with the input field.
 
Please let us know if it helps.
Feel free to contact us if other questions arise.
 
Kind regards,
Illia