1. Home
  2. Forum
  3. ReactJS
  4. create toolbar as is in the documeteditor

create toolbar as is in the documeteditor

Hi 

I'm looking for an example on how to create a toolbar like the one used in the document editor so where the icons are above the text.

thanks
 

3 Replies 1 reply marked as answer
SA Shameer Ali Baig Sulaiman Ali Baig Syncfusion Team September 28, 2020 01:55 PM UTC

Hi Steve, 
 
Greetings from Syncfusion support. 
 
We have looked into your requirement on Toolbar component. We suspect that your expecting to align the icons above the text in the EJ2 Toolbar component. To achieve this requirement, we can customize the default styles of the Toolbar component. 
 
Please, check out the customized Toolbar sample from the following links. 
 
 
 
Also, check out the following links to know more about Toolbar component. 
 
 
 
 
Please, let us know if you need any further assistance. 
 
Regards, 
Shameer Ali Baig S. 


ST Steve October 1, 2020 03:51 PM UTC

Hi Shameer 

Thanks for the example. 
Also what I cannot find in the documentation or demo is how to make a dropdown button item like the break button in the document editor?


SA Shameer Ali Baig Sulaiman Ali Baig Syncfusion Team October 2, 2020 10:20 AM UTC

Hi Steve, 
 
Thanks for the update. 
 
We have checked your requirement. You can used Dropdown Menu button (DropDownButtonComponent) of EJ2 React Library to achieve your expected requirement. 
 
Please, check out the following links to know more about it. 
 
 
 
 
Please, let us know if you need any further assistance. 
 
Regards, 
Shameer Ali Baig S. 


Marked as answer
Loader.
Up arrow icon