toolTip with HTML content on ExternalDragDrop element

[Gabriele Guidi]

Hello,

Referring to your Example Exetnerl Drag&Drop:

https://ej2.syncfusion.com/aspnetcore/Schedule/ExternalDragDrop#/material

There is a way to put your toolTip with HTML content when I mouse hover on a waitinglist Item?

Alternatively, there is another way to put an HTML ToolTIp in that treeview element (waiting list item)? 

Many thank's

Regards

[Ravikumar Venkatesan]

Hi Gabriele, 

Greetings from Syncfusion support. 

We have validated your requirement at our end. We have achieved your requirement with the help of the ej2 tooltip as shown in the below code and for that, we have prepared a sample for your reference and which can be downloaded from the following link. 

Sample: https://www.syncfusion.com/downloads/support/forum/160833/ze/ej2-core-schedule-external-drag-and-drop-with-tooltip-1822960062 

[Index.cshtml] 

<ejs-tooltip id="Tooltip" content=TooltipContent beforeRender="onBeforeRender" target=".e-list-item" showTipPointer="true"> 

    <e-content-template> 

        <ejs-treeview id="tree" allowDragAndDrop="true" nodeDragStop="onTreeDragStop" nodeDragging="onItemDrag"> 

            <e-treeview-fields dataSource="ViewBag.treeDataSource" id="Id" text="Subject"></e-treeview-fields> 

        </ejs-treeview> 

    </e-content-template> 

</ejs-tooltip> 

 

<script type="text/javascript"> 

    var TooltipContent = "Loading..."; 

    function onBeforeRender(args) { 

        var nodeid = args.target.closest(".e-list-item").getAttribute("data-uid"); 

        var tooltip_data = document.getElementById("tree").ej2_instances[0].getTreeData(nodeid)[0]; 

        // Setting up the corresponding treeview item content to the tooltip content 

        document.getElementById("Tooltip").ej2_instances[0].content = "<h6>" + tooltip_data.Subject; 

    } 

</script> 

Kindly try the above sample and get back to us if you need any further assistance. 

Regards, 

Ravikumar Venkatesan 

[Gabriele Guidi]

thank's a lot, it works

[Vengatesh Maniraj]

Hi Gabriele, 

Thanks for the update. 

we are happy that our solution has worked for you. 

Please get back to us if you need any further assistance. 

Regards, 

Vengatesh