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

Tooltip, diagram, mvc

Thread ID:





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

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 06:28 AM

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.

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