add buttons in Toolbar
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
SIGN IN To post a reply.
- 4 Replies
- 2 Participants
-
AL Alexey
- Mar 16, 2020 01:25 PM UTC
- Mar 25, 2020 04:40 AM UTC