Change scrollbar width - FileExplorer

[Ivan Barrero]

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]

 

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 

[Ivan Barrero]

Your support is awesome.

Everything worked as expected, and you gave me even more useful information.

Thank you very much.

Ivan

[Muthukrishnan Kandasamy]

 

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