We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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 06:20 AM

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 07:32 AM

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





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

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.
Live Chat Icon For mobile
Up arrow icon