How can i put tooltip on SfGridCommand Button?

[Blazor]

Hi Great Support,

I have simple grid which has command column and inside Command buttons like;

I couldn't find how to set some tool tip text when i am howering my command buttons;

Are there any way ?
Thanks.

[Rahul Narayanasamy]

Hi Blazor, 

Greetings from Syncfusion. 

Query: How can i put tooltip on SfGridCommand Button?  

We have validated your query and you want to show tooltip text while hovering the command buttons. You can achieve your requirement by using Title property of GridCommandColumn. Find the below code snippets and sample for your reference. 

. . .  

<GridColumn HeaderText="Manage Records" Width="150"> 

            <GridCommandColumns> 

                <GridCommandColumn Title="Custom" ButtonOption="@(new CommandButtonOptions() { Content = "Details", CssClass = "e-flat" })"></GridCommandColumn> 

                <GridCommandColumn Title="CustomEdit" Type="CommandButtonType.Edit" ButtonOption="@(new CommandButtonOptions() { IconCss = "e-icons e-edit", CssClass = "e-flat" })"></GridCommandColumn> 

                <GridCommandColumn Type="CommandButtonType.Delete" ButtonOption="@(new CommandButtonOptions() { IconCss = "e-icons e-delete", CssClass = "e-flat" })"></GridCommandColumn> 

                <GridCommandColumn Type="CommandButtonType.Save" ButtonOption="@(new CommandButtonOptions() { IconCss = "e-icons e-update", CssClass = "e-flat" })"></GridCommandColumn> 

                <GridCommandColumn Type="CommandButtonType.Cancel" ButtonOption="@(new CommandButtonOptions() { IconCss = "e-icons e-cancel-icon", CssClass = "e-flat" })"></GridCommandColumn> 

            </GridCommandColumns> 

        </GridColumn> 

 

Sample: https://www.syncfusion.com/downloads/support/forum/157271/ze/BlazorAppCommandTooltip87029565  

Please let us know if you have any concerns. 

Regards, 

Rahul 

[Blazor]

Hi Rahul,
I think this is my browser(chrome) problem. Its even happening some other websites, i have to fix.
Its working on mozzila, 
Thanks.

[Rahul Narayanasamy]

Hi Blazor, 

 

Thanks for the update. 

 

Please get back to us if you need further assistance. 

 

Regards, 

Rahul