Grid : How to hide "Built-in Toolbar Item" text ?

[Benoit]

Hi!

I have a question.

Is it possible to hide the text of a Built-in Toolbar Item in the toolbar and show only the icon?

In my case, I configured toolbar like this :

<EjsGrid Toolbar="@(new List<string>() { "Add","Edit", "Delete", "Cancel", "Update"})" ... />

Best regards,

Benoit

[Vignesh Natarajan]

Hi Benoit,  

Thanks for contacting Syncfusion support.  

Query: “Is it possible to hide the text of a Built-in Toolbar Item in the toolbar and show only the icon?” 

Yes, We can hide the text of inbuilt toolbar items. We suggest you to achieve your requirement by defining the below styles to toolbar elements. Refer the below style to hide the text of default toolbar items. 

<style> 

    .e-grid .e-control.e-toolbar .e-tbar-btn-text{ 

        display: none; 

    } 

</style> 

Refer the below screenshot for the output 

 

  

For your convenience we have prepared a sample which can be downloaded from below  

Sample: https://www.syncfusion.com/downloads/support/forum/147362/ze/BlazorApp1-1111011793  

Please get back to us if you have further queries.  

Regards, 

Vignesh Natarajan 

[Benoit]

Hi Vignesh,

It works! Thanks a lot.

Benoit

[Vignesh Natarajan]

Hi Benoit,  

Thanks for the acknowledgement. 

We are glad to hear that your query has been resolved by our solution.  

Please get back to us if you have further queries.  

Regards, 

Vignesh Natarajan.