Disable Search Box On File Manager

[Glen Elkins]

Just wondering if it's possible to completely disable the search box on the file manager?

{ allowSearchOnTyping: true, filterType: ‘contains’, ignoreCase: true}

These are the only options i see for the search settings option

[Sowmiya Padmanaban]

Hi Glen Elkins,  

 

Greetings from Syncfusion support. 

 

Hide the SearchBox: 

 

We suspect that your requirement is to hide the search box in FileManager component.  You can hide the searchbox by using CSS styles. 

 

Please, refer the below code snippet. 

 

.e-filemanager .e-search-wrap { 

  display: none; 

} 

 

 

Please, refer the sample link. 

 

https://stackblitz.com/edit/angular-t7ck5b-1mumvm?file=app.component.css 

 

Disable the SearchBox: 

 

You can disable the searchbox  by using success event of FileManager component. 

 

Please, refer the below code snippet. 

 

 <ejs-filemanager 

    id="overview" 

    [ajaxSettings]="ajaxSettings" 

    [view]="view" 

    (success)="success($event)" 

  > 

  </ejs-filemanager> 

success() { 

    if (this.flag) { 

      (document.getElementsByClassName( 

        "e-control e-textbox" 

      )[0] as any).ej2_instances[0].enabled = false; 

      this.flag = false; 

    } 

  } 

 

 

Please, refer the sample link. 

 

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

 

Please let us know, if you need any further assistance. 

 

Regards,  

Sowmiya.P