Unable to set tooltip to the bottom of node for initial render

[Sudhanshu Jain]

Hi,

I am unable to set tooltip to the bottom of node for initial render(i.e. the tooltip is getting set to bottom after an interaction in the canvas).

Node Tooltip is set with `position: 'BottomRight', relativeMode: 'Object'`.

Please let me know if any property has to be set or changed.

Regards,

Sudhanshu

[Shyam G]

 

Hi Sudhanshu, 

 

We have logged “Tooltip position is not working at initial rendering” as a defect. The fix for this issue is estimated to be available on 20^th November, 2019. 

 

You can track the status of the issue from the below feedback link. 

https://www.syncfusion.com/feedback/10033/tooltip-position-is-not-working-at-initial-rendering  

 

Regards, 

Shyam G 

[Shyam G]

Hi Sudhanshu, 

Sorry for the inconvenience. 

We can set a tooltip for node at initial rendering and it is working fine at our end.  Please refer to an code example to define tooltip for node. Could you please check in the below sample? 

Code example: 

let nodes = [ 

    { 

        id: 'node1', width: 60, height: 60, offsetX: 35, offsetY: 120, 

        annotations: [{ content: 'Customer query', offset: { x: 0.5, y: 1 }, margin: { top: 15 } }], 

        tooltip: { content: 'Queries from the customer', position: 'BottomRight', relativeMode: 'Object' }, 

        constraints:  (NodeConstraints.Default | NodeConstraints.Tooltip) &~NodeConstraints.InheritTooltip, 

        shape: { type: 'Bpmn', shape: 'Event', event: { event: 'Start', trigger: 'Message' } } 

    },  

]; 

Sample: https://stackblitz.com/edit/react-3akpcb-n1zdu8?file=index.js 

Regards, 

Shyam G