Change scrollbar width - FileExplorer

Question

Hello!I would like to change the scrollbar width in File Explorer control Angular JS1 Is it possible somehow? Through css or code?- I tried by CSS but it look the control will reset it automatically the style due responsive checks- I tried by code also with no success:Can you help me with that ?These attemps below did not work for me....@ViewChild('fexplorer', { static: true }) fexplorer: any;...ngOnInit() {    this.fexplorer.widget._scrollerSize = 16;}..ngAfterViewInit() {...    this.fexplorer.widget._scrollerSize = 16;...}

Muthukrishnan Kandasamy · Accepted Answer

Hi Ivan, 
 
Thanks for contacting Syncfusion support. 
 
We have validated your requirement in EJ FileExplorer component. Based on the provided details, we suspect that your requirement is to change the vertical scrollbar of the FileExplorer. We can achieve your requirement by dynamically updating the scroller size through its instance. Please refer to the below code block. 
 




export class AppComponent { 
  @ViewChild('file') fileObj: EJComponents<any, any>; 
  ngAfterViewInit(){ 
    // for grid  view 
    if(this.fileObj.widget._gridObj){ 
      this.fileObj.widget._gridObj._scrollObject.setModel({ scrollerSize: 16 }); 
    } 
    // for tile view 
    if(this.fileObj.widget._tileScroll) { 
      this.fileObj.widget._tileScroll.setModel({ scrollerSize: 16 }); 
    } 
  } 
  constructor() { 
  }; 
} 
 
 
Documentation: https://help.syncfusion.com/angular/fileexplorer/getting-started 
 
Demo: https://ng2jq.syncfusion.com/#/fileexplorer/customcontextmenu 
 
API: https://help.syncfusion.com/api/angular/ejfileexplorer 
 
If we misunderstood your requirement, please share us some additional details. It will be help us to provide you the prompt solution. 
 
1.     Share us the exact requirement with File Explorer control. 
2.     Share the screenshot of the requirement. 
3.     Share us the screen recorded video of your requirement. 
 
Please let us know, if you need any further assistance. 
 
Regards, 
Muthukrishnan K

iMarrero · Answer

Your support is awesome.Everything worked as expected, and you gave me even more useful information.Thank you very much.Ivan

Muthukrishnan Kandasamy · Answer

Hi Ivan, 
 
Thanks for your update. 
 
We are glad to know that given solution works. Please let us know if you need any further assistance. 
 
Regards, 
Muthukrishnan K