Closing tooltip from a button click

Question

I have a tooltip that I've populated with several radio buttons via the TooltipTemplates content. The tooltip displays based on clicking on a button (via OpensOn="Click"), the user can select a radio button option then I have a button at the bottom of the tooltip to apply and another to cancel. I need to close the tooltip when the user clicks on one of these buttons. I tried the bind-visible approach from the dialog component but it doesn't appear that works here because there isn't a visible property on the tooltip. I see a close method - what is the appropriate way to call that from the onclick of a button inside the tooltip?

Sowmiya Padmanaban · Accepted Answer

Hi Josh,  
 
Greetings from Syncfusion support. 
 
We have checked your requirement on closing Tooltip dynamically on external button click. You can achieve your requirement by calling the close method of Tooltip component. For your reference, we have prepared a simple sample. 
 
In this sample, we have closed the Tooltip in a button click. 
 
Refer the below code snippet. 
 




    public void click() 
    { 
        // Close the tooltip programatically. 
        this.tooltip.Close(); 
    } 
 
Refer the below sample link. 
 
https://www.syncfusion.com/downloads/support/directtrac/general/ze/tootip-888651583.zip 
 
To know more about the Tooltip component, refer the below links. 
 
UG Documentation-https://blazor.syncfusion.com/documentation/tooltip/getting-started/ 
 
API Reference-https://helpstaging.syncfusion.com/cr/blazor 
 
Demo link-https://blazor.syncfusion.com/demos/tooltip/default/ 
 
Please let us know, if you need any further assistance. 
 
Regards,  
Sowmiya.P