add buttons in Toolbar

Hello, is it possible to add custom buttons in toolbar of document editor?   

4 Replies

HC Harini Chellappa Syncfusion Team March 17, 2020 02:11 PM UTC

Hi Olga, 

Syncfusion Greetings! 

We have provided option to customize the toolbar and included it in 2020 Vol 1 Beta release. Release is expected to be available on or before March 20, 2020. We will update you, once release rolled out. 

Regards, 
Harini C 



HC Harini Chellappa Syncfusion Team March 19, 2020 07:28 PM UTC

Hi Olga, 

We are glad to announce that our 2020 Vol1 beta release (v18.1.36-beta) is rolled out successfully. We have included toolbar customization support. 

Kindly upgrade your packages to latest version 


Sample code snippet 

Template 

<template>       
        <ejs-documenteditorcontainer 
          id="container" 
          ref="templateEditContainer" 
          :enableToolbar="true" 
          locale="en-US" 
          style="top:0; left:0; width: 100%;" 
        ></ejs-documenteditorcontainer> 
          
</template> 

Script 

this.$refs.templateEditContainer.ej2Instances.toolbarItems = [ 
            "Open", 
            "New", 
           
                prefixIcon: "e-de-ctnr-pagenumber", 
                tooltipText: "Custom toolbar item", 
                text: "Custom toolbar item", 
                id: "Custom", 
                cssClass: "e-de-toolbar-btn" 
            }, 
            "Separator", 
            "Image", 
            "Break", 
            "Bookmark", 
            "Separator", 
            "Hyperlink", 
            "RestrictEditing" 
        ]; 

this.$refs.templateEditContainer.ej2Instances.toolbarClick = (args) => { 
                        if(args.item.id === "Custom"){ 
                                       // handle custom item functionality 
                                   
       


Kindly check it and let us know if you need any further assistance on this. 

Regards, 

Harini C 



AL Alexey March 24, 2020 09:43 AM UTC

Thanks a lot! It is a great news


HC Harini Chellappa Syncfusion Team March 25, 2020 04:40 AM UTC

Hi Olga, 

Thank you! Please check it out and let us know if you need any further assistance on this. 

Regards, 

Harini C 


Loader.
Up arrow icon