Tooltip Position setting is not working

[Sorin]

Hello SF Team,

I'm using the Tooltip with latest version 19.3.0.43
However the tooltip position setting is not working as expected.
Expected: I can control the tooltip position by the "Position" setting
Actual: Tooltip always displays at "center bottom"

This behavior is reproducible using the demo code on your site
See gif below:

[Keerthana Rajendran]

Hi Sorin, 

 

Thanks for contacting Syncfusion support.  

 

We checked your reported issue with Blazor Tooltip position in latest version(19.3.0.43). To overcome this scenario, we suggest you to set WindowCollision property as true for Tooltip.  

 

This property is used to set the collision target element as page viewport (window) or Tooltip element, when using the target. If this property is enabled, the Tooltip will perform the collision calculation between the target elements and viewport(window) instead of Tooltip element. 

 

Refer to the following code. 

 

<SfTooltip ID="Tooltip" Target="#btn" Content="@content" Position="Position.TopCenter" WindowCollision="true"> 

        <SfButton ID="btn" Content="Show Tooltip"></SfButton> 

    </SfTooltip> 

@code 

{ 

    string content = "Lets go green & Save Earth !!"; 

} 

 

We have attached a sample for your reference in the following link. 

 

https://www.syncfusion.com/downloads/support/forum/169389/ze/Blazor-Tooltip-position-162849141 

 

UG link for Tooltip: https://blazor.syncfusion.com/documentation/tooltip/getting-started 

 

Please get back to us if you need further assistance. 

 

Regards, 

Keerthana R. 

[Sorin]

Hello Keerthana,

Thank you for the suggestion, that has fixed the problem

[Keerthana Rajendran]

Hi Sorin, 

Most welcome. We are glad to hear that the provided suggestions helped you. Please get back to us if you need any further assistance. 

Regards, 

Keerthana R.