How to customise Tooltip for a node while dragging from topleft to bottomRight

[Mounika]

I have tried this,but I find no change.if it is not possible to customise then i need to hide it but public DiagramTooltip tooltip = null; does not help either.

Tooltip still showing the x,y positions on top left while dragging the nodes- No change

               item.Tooltip = new NodeTooltip()

                { 

                OpenOn = TooltipMode.Custom,

                Position = Syncfusion.EJ2.Blazor.Popups.Position.BottomRight,

                RelativeMode = TooltipRelativeMode.Object,

                Content=item.Id

                };

[Aravind Ravi]

Hi Mounika,

In Diagram by default when you set a tooltip for a node the custom tooltip will show only when mouse over on node. Otherwise while performing basic interaction for node (E.g. Resizing, Rotating, Dragging) default tooltip(X: 200, Y: 200) only show. To hide the tooltip remove tooltip constraints from the diagram selected items. So that when you resize or drag the node, the tooltip does not show. Please find below code snippet for how to hide tooltip for diagram elements 

 

<EjsDiagram ID="diagram" Width="1000px" Height="@Height" @ref="@diagram" Nodes="@NodeCollection" SelectedItems="@selectedItems"> 

             

            <DiagramEvents SelectionChanged="@SelectionChange"></DiagramEvents> 

        </EjsDiagram> 

 

@functions 

    { 

 

DiagramSelectedItems selectedItems = new DiagramSelectedItems() { Constraints = ~SelectorConstraints.ToolTip }; 

} 

Regards 

Aravind Ravi 

[Mounika]

Hi Aravind,

This code worked fine to hide the Tooltip.Thanks for sharing the information.How to set the custom tooltip or the default tooltip to show the x,y positions of the rightbottom coordinates of the selected node while dragging or mouse over and with some offset.

[Aravind Ravi]

Hi Mounika,   

   

Currently,  In Blazor we does not support to customize the default tooltip of diagram. While you perform any interaction for node X, Y co-ordinates or Height , width of node show in tooltip in bottom center only. We cannot able change the position of the tooltip from “BottomCenter” to “TopLeft”.   

   

Regards,   

Aravind Ravi 

[Mounika]

Hi Aravind,

I didnot mean to change the position of the Tooltip which is bottomcentre by default ,i need to change the values it is displayed in the Tooltip.by default while interacting with the node it shows x,y coordinates of the TopLeft corner of the node position,how do we change the display in Tooltip to show x,y coordinates of BottomRight corner of the node position

[Aravind Ravi]

Hi Mounika,   

 

We does not able to “customize the default tooltip” of diagram like tooltip content, position, mode or animation. By default it shows content as X, Y coordinates of Top left corner, position as “BottomCenter”, Mode as “Object”.   

   

Regards,   

Aravind Ravi 

[Mounika]

Thank you.

[Aravind Ravi]

Hi Mounika,   

 

Most welcome. Please let us know if you need any other assistance 

    

Regards,    

Aravind Ravi