Tooltips on buttongroup

Tooltips on button groups seem that they don't work. (if I have a normal button they work fine)

Here is the code that I am using:

  <SfButtonGroup Mode="Syncfusion.Blazor.SplitButtons.SelectionMode.Single">

        <SfTooltip ID="Tooltip" Target="#btn" Content="@Content">

            <ButtonGroupButton ID="btn" @bind-Selected="@btn1" IconCss="fas fa-caret-up">btn1</ButtonGroupButton>

        </SfTooltip>

        <ButtonGroupButton ID="btn2" @bind-Selected="@btn2" IconCss="fas fa-caret-up">btn2</ButtonGroupButton>

    </SfButtonGroup>


1 Reply

GK Gayathri KarunaiAnandam Syncfusion Team October 8, 2021 04:16 AM UTC

Hi Doru, 

We have checked your reported query. We have prepared a sample based on your requirement by using the @attribute property. Please check the below code snippet. 

<SfButtonGroup> 
    <ButtonGroupButton @attributes="@left">Left</ButtonGroupButton> 
    <ButtonGroupButton @attributes="@center">Center</ButtonGroupButton> 
    <ButtonGroupButton @attributes="@right">Right</ButtonGroupButton> 
</SfButtonGroup> 
 
    @code 
{ 
    private Dictionary<string, object> left = new Dictionary<string, object>() 
{ 
        {"title","left"} 
    }; 
    private Dictionary<string, object> center = new Dictionary<string, object>() 
{ 
        {"title","center"} 
    }; 
    private Dictionary<string, object> right = new Dictionary<string, object>() 
{ 
        {"title","right"} 
 
    }; 
 
} 

For  your reference, we have prepared a sample based on your scenario. Please check the below link. 


Please get back to us, if you need further assistance. 

Regards, 
Gayathri K 


Loader.
Up arrow icon