ejs-imageeditor toolbar

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

like this 

 


3 Replies

YA YuvanShankar Arunagiri Syncfusion Team November 23, 2022 11:20 AM UTC

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



AA Aya Al Bakri November 23, 2022 12:32 PM UTC

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





YA YuvanShankar Arunagiri Syncfusion Team November 24, 2022 05:34 AM UTC

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 {

  displaynone !important;

}


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


Loader.
Up arrow icon