Icon not Show

[Jonnathan]

I made the modification as the documentation suggests for custom menu, but the icon does not appear. I also installed npm install @syncfusion/ej2 and imported @import "../node_modules/@syncfusion/ej2/material.css"; But the icon does not appear

[Sivakumar ShunmugaSundaram]

Hi Jonnathan,

As per the shared details, we understand that you are facing an issue while setting the custom menu in the FileManager toolbar it will not be shown for a mobile device. But we are unable to replicate the reported issue from our side. We have prepared a simple sample of the Angular FileManager component with a custom menu item in the toolbar. We have checked the reported issue from our side with the lambda testing tool and the sample works fine with the custom menu item in the toolbar. We have attached the prepared stackblitz sample for your reference.

Sample: https://stackblitz.com/edit/angular-zmzvhq?file=app.component.html

Please check the attached sample and confirm whether the issue has been resolved from our side. If the issue still persists, share the below details. It will help us to provide a prompt solution.

1. Share the device which is used from your side.

2. Confirm, whether you have to use the FileManager component inside the tab.

3. If possible, replicate the issue in the attached sample.

Regards,

Sivakumar S

[Jonnathan]

I believe the error is because of this reason 

[Sivakumar ShunmugaSundaram]

Hi Jonnathan,

As per the shared details, we understand that you are facing a console error with the Angular FileManager component. We have checked the reported issue with the shared screenshot in your update. We suspect that the issue occurs due to an incorrect FileManager instance referred to in your application. We are unable to replicate the reported issue from our side. To overcome the issue, we suggest you take proper FileManager instance as like mentioned in the below code snippet.

Refer to the below code snippet.

[app.component.html],

 

<ejs-filemanager

id="overview"

#fileManager

[ajaxSettings]="ajaxSettings"

[view]="view"

(toolbarCreate)="toolbarCreate($event)"

[toolbarSettings]="toolbarSettings"

> 

</ejs-filemanager>

 

[app.component.ts],

 

export class AppComponent {

    @ViewChild('fileManager')

    public fileManagerInstance: FileManagerComponent;

 

Please check the attached code snippet and get back to us if you need any further assistance.

Regards,

Sivakumar S