ejs-imageeditor toolbar

[Aya Al Bakri]

How to customize  ejs-imageeditor toolbar to view only crop options.

like this 

 

[YuvanShankar Arunagiri]

Hi Aya,

Using the toolbar property, we can customize the toolbar item of the image editor. Please refer the below links and code snippet.

API link: https://ej2.syncfusion.com/angular/documentation/api/image-editor/#toolbar

UG link: https://ej2.syncfusion.com/angular/documentation/image-editor/toolbar/

public Toolbar = ["Crop", "CustomSelection", "CircleSelection", "SquareSelection", "RatioSelection"];

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

Regards,

YuvanShankar A

[Aya Al Bakri]

Thank you so mush for your response, but the image-upload icon still appearing.

[YuvanShankar Arunagiri]

Aya, the image upload option was a default toolbar item, we can’t remove it using the toolbar property. If you want to remove the image upload option, then use the below CSS to hide that option.

.e-icons.e-upload-icon {

  display: none !important;

}

Sample link: https://stackblitz.com/edit/angular-uebquk-d3g7zo?file=app.component.css