Using image as annotation

[Juan Alberto Martinez Diaz]

I am using an image as an annotation:

<div id= "img-warning" style="display:none;"align="center">

    <img style="width:20px;" src="images/Message-Warning.png">

    <div style="font-size:10pt;">Warning Message</div>

</div>

Then sometimes I need to open a modal window over the chart, the thing is that the image overlaps the modal window, is there a way to avoid this behavior?

Attached images.

Thanks,

Alberto

Attachment: Images_4e35f7e2.7z

[Dharanidharan Dharmasivam]

Hi Juan, 

 

Greetings from Syncfusion. We have analyzed your requirement and tried to replicate the reported scenario. We are afraid that we can’t replicate the reported scenario at our end. Sample used for testing n be found below. 

 

https://stackblitz.com/edit/xgxqzv?file=index.html  

 

In the above sample, we have displayed modal when clicked on the chart region. The image which is added as annotation is behind the modal.  

 

Screenshot: 

Without Modal 

 

With Modal 

 

 

Since we are not aware on the exact scenario on which the issue is reproduced, kindly revert us by modifying the above sample or provide your sample with replication steps. This will be helpful in further analysis and provide you the solution sooner. 

 

Thanks, 

Dharani. 

[Juan Alberto Martinez Diaz]

Hi Dharani,

Thanks for your answer, I took a look at my code to see what is different comparing with your example, I have an extra Y axis and the annotation is linked to that axis. Also I noticed on the  chrome developer tools that the div of the content has a z-index:2000, if I comment that, the image is no longer overlaying the modal. I have not figured out how that z-index is being set.

I am attaching an image of this.

Regards,

Juan Alberto

Attachment: zindex_3043e342.7z

[Dharanidharan Dharmasivam]

Hi Juan, 

 

Thanks for the information. We have analyzed your query, we would like to let you know that, we haven’t set any z-index from our end. Could you please ensure this from your end whether you have applied z-index? If not kindly try to reproduce the issue with the sample or provide your sample with replication steps. This will be helpful in further analysis and provide you the solution sooner. 

 

Thanks, 

Dharani.