toolbar height

[serdar çelebi]

Hi Team,

I want to reduce the toolbar, but it doesnt work and i dont find to reduce grid's toolbar height.

Thanks in advance

[Vinitha Devi Murugan]

Hi serdar, 

 

Syncfusion Greetings. 

 

We achieved your requirement by overriding the toolbar's default CSS and created event of grid. Please refer below codes and same can be available in below sample. 

 

https://stackblitz.com/edit/angular-j1i97m-3drrst?file=app.component.css 

 

.e-toolbar { 

    min-height: 30px; 

    height:35px; 

} 

.e-toolbar .e-toolbar-items { 

    height: 28px; 

    min-height: 27px; 

} 

 

   onCreate(args){ 

      document.getElementById('Batchgrid_toolbarItems').style.height = ''; 

    } 

 

Kindly try with the above sample and let us know if you need any further assistance on this.  

 

Regards, 

M.Vinitha devi