Customize annotation tool bar

[Luke Carlson]

Hi. Is it possible to customize the annotation tool bar? The area highlighted in yellow. I'd like to remove the underline, highlight, strike though, and free draw options. 

[Dhivyabharathi Mohan]

Hi Luke, 

 

 

Thank you for contacting Syncfusion support. 

 

 

In our PDF Viewer, we can hide the annotation toolbar items by using the annotationtoolbarItems property in the toolbarSettings property. The items which we provided in the annotationtoolbarItems property will only display in the annotation toolbar and the remaining items will be hidden. We have shared the sample, code snippet and UG documentation links below. 

 

 

Sample: https://stackblitz.com/edit/angular-m42ysn?file=app.component.ts  

 

UG documentation: https://ej2.syncfusion.com/angular/documentation/pdfviewer/toolbar/  

 

 

Code snippet: 

 

<ejs-pdfviewer id="pdfViewer" [serviceUrl]='service' [documentPath]='document' 

            [toolbarSettings]='toolbarSettings' style="height:640px;display:block"></ejs-pdfviewer> 

     

 

 

 public toolbarSettings = { 

    annotationToolbarItems: [ 

      'ShapeTool', 

      'ColorEditTool', 

      'StrokeColorEditTool', 

      'ThicknessEditTool', 

      'OpacityEditTool', 

      'AnnotationDeleteTool', 

      'StampAnnotationTool', 

      'InkAnnotationTool', 

      'FontFamilyAnnotationTool', 

      'FontSizeAnnotationTool', 

      'FontStylesAnnotationTool', 

      'FontAlignAnnotationTool', 

      'FontColorAnnotationTool', 

      'CommentPanelTool' 

    ] 

  }; 

 

 

 

 

  

Kindly try this and revert us, if you have any concerns. 

  

 

Regards, 

Dhivya. 

[Luke Carlson]

Hi Dhivya,

That worked great. Thank you! 

[Dhivyabharathi Mohan]

Hi Luke, 

 

 

Thank you for your update. We are glad to know that the reported issue is resolved. Please revert to us, if you need further assistance. 

 

 

Regards, 

Dhivya.