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: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Tooltip, diagram, mvc

Thread ID:





119249 May 28,2015 06:22 PM UTC May 29,2015 10:28 AM UTC ASP.NET MVC 1
Tags: Diagram
Asked On May 28, 2015 06:22 PM UTC

Its posible, Can you have an individual tooltip effect on the figures or nodes(BasicShape, FlowShape, BPMNNode) in mvc extension diagram?

Shyam G [Syncfusion]
Replied On May 29, 2015 10:28 AM UTC

Hi Scary

Thanks for using Syncfusion products.

We suggest  you to use “MouseHover” and “MouseLeave” event to achieve your requirement. We have created the sample from the MVC extension and achieved your requirement in that sample. Please refer the code snippet and sample below.

Code snippet:

<div id="tooltip123" style="position:absolute; height: 20px; width: 160px; background-color: red; display: none;">

    <input type="text" value="" id="label1" style="border:none" />

DiagramProperties model = new DiagramProperties();

model.MouseHover = "mousehover";
 model.MouseLeave = "mouseleave";

<script type="text/javascript">

    var evX = 0;

    var evY = 0;

    $(window).mousemove(function (e) {

        evX = e.clientX;

        evY = e.clientY;


    function mousehover(args) {

        if (args.element.type == "node") {            

            document.getElementById("tooltip123").style.display = "block";

            document.getElementById("tooltip123").style.left = evX + "px";

            document.getElementById("tooltip123").style.top = evY + "px";

            document.getElementById("label1").value = args.element.addInfo.node2;



    function mouseleave(args) {

        if (args.element.type == "node") {

            document.getElementById("tooltip123").style.display = "none";




Please let me know if any concerns.

Shyam G


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