We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Tooltip stays opened, even on Syncfusion's website

Thread ID:

Created:

Updated:

Platform:

Replies:

150517 Jan 9,2020 01:36 PM UTC Jan 21,2020 06:46 AM UTC Blazor 4
loading
Tags: Tooltip
Yaroslav Zhmayev
Asked On January 9, 2020 01:36 PM UTC

See the screenshots, please

Attachment: tooltips_problem_f88c0f95.7z

Prasanna Kumar Viswanathan [Syncfusion]
Replied On January 10, 2020 01:09 PM UTC

Hi Yaroslav, 
 
Thanks for contacting Syncfusion support. 
 
We checked the screenshot and we can reproduce the mentioned issue in Syncfusion Website. To overcome this issue, we suggest you to define the “mouseover” event to the grid element in load event of Grid.  
 
Find the code example and sample: 
 
 
let grid: Grid = new Grid({ 
  dataSource: new DataManager(employeeData as JSON[]).executeLocal( 
    new Query().take(8) 
  ), 
  columns: [ 
    { 
      field: "EmployeeID", 
      headerText: "Employee ID", 
      textAlign: "Right", 
      width: 100 
    }, 
    ---------------- 
  ], 
  gridLines : 'Both', 
  width: "auto", 
  height: 359, 
  load: function(args) { 
    grid.element.addEventListener("mouseover", function(args) {debugger 
      if ( 
        args.target.classList.contains("e-rowcell") 
      ) { 
        tooltip.content = args.target.innerHTML; 
      } 
    }); 
  } 
}); 
grid.appendTo("#Grid"); 
 
 

For documentation, we have logged the improvement task and it will refreshed in online ASAP. 
 
Regards, 
Prasanna Kumar N.S.V 


Yaroslav Zhmayev
Replied On January 15, 2020 08:56 AM UTC

Hello Kumar

I'm not sure how to apply it to our Blazor app without adding yet another JSInterop, if possible, I'd like to avoid it.
So this is the code we are using in our prototype application

<EjsTooltip ID="@("LanguagesId_" + company.Id.ToString())"
        Content="@Join(GetCultureNames(company.Languages), ", ")"
        Position="@Syncfusion.EJ2.Blazor.Popups.Position.TopCenter"
        ShowTipPointer="true"
        OpensOn="Hover">
    <e-content-template>
        @(company.Languages?.Count() ?? 0)
    </e-content-template>
</EjsTooltip>

Yaroslav Zhmayev
Replied On January 17, 2020 03:36 PM UTC

Bump

Shameer Ali Baig Sulaiman Ali Baig [Syncfusion]
Replied On January 21, 2020 06:46 AM UTC

Hi Yaroslav, 
 
Greetings from Syncfusion support. 
 
We have checked your reported issue on tooltip component and suspect that your query is specifically on tooltip component instead of tooltip within a Grid. While setting the OpensOn property as “Hover”, it opens the tooltip on target element during hover. We have prepared simple sample for tooltip show. Refer the sample link below. 
 
 
If we misunderstand your requirement, please share the any of the below listed additional details regarding your requirement.  
 
1.      Are you using tooltip component separately? 
 
2.      Share the Syncfusion NuGet package version installed in your application. 
 
3.      Kindly share your exact requirement (Is your requirement is to render the tooltip on grid row?) 
 
This information will helpful for us to resolve your issue at the earliest. 
 
Regards, 
Shameer Ali Baig S. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon