Get Free Trial

How to add an input field in the toolbar

Answered
Nirman asked on January 12, 2021

Is there any way to add any other html elements such as input fields or dropdown in the same row of the toolbar?

3 answers

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster January 13, 2021

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

Public
Nirman January 13, 2021

Hi Illia, 
Thanks for your valuable response. Is there any example you have for Angular implementation?
 

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster January 14, 2021

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

Please login or Register to Submit Answer