This is the code generated by an infragistics 7.3 UltraChart, you can see the z-index: 4; there on the table. This is causing the chart to display ontop of other areas of my site and i need to know how i change it without doing some nasty javascript hack.
<div style="" id="ctl02_UltraChart1"><table style="left: 0px; top: 0px; position: relative; z-index: 4;" id="ctl02_UltraChart1_table"><tbody><tr><td style="left: 0px; top: 0px; width: 490px; height: 209px;"><div style="left: 0px; top: 0px; position: relative; width: 490px; height: 209px;"><img usemap="#RxActImg_ctl02_UltraChart1" ...... /></div></td></tr></tbody></table></div>
to find a solution to this problem, i think we will need a little more context. can you provide sample .aspx source code so we can try to reproduce the layout on our side?
if you don't want to use javascript to modify the output html of the chart control, the remaining options are probably (a) modify the layout of your page (the HTML layout, not necessarily the appearance of the page), or (b) fix the issue on our side and release it as a hotfix.
but to do either, we need to know what kind of HTML layout the chart is failing in.
The issue was a dropdown control, that was located inside a seperate ajax update panel than the chart. The chart was positioned just below the dropdown on the page layout and so when you dropped down the menu it displayed behind the chart.
People use z-index for lots of different things and i guess this just means they have to adjust their code to use a range higher than the UltraChart in order to not have issue. Which is what i ended up doing, so for me this has been resolved.
I assume theres a good reason for setting the z-index to 4. But if the UltraChart doesnt actually need a higher plane it wouldnt hurt to expose the value so it can be changed easily.
this value is supposed to take the setting for the chart control's z-index (myUltraChart.Style["Z-INDEX"]) and increment it for various parts of the chart's HTML. if the z-index is not found, it starts with 0. so, you might be able to change this behavior by setting myUltraChart.Style["Z-INDEX"] = -4 or whatever value works for you.
So i tried: UltraChart1.Style["Z-INDEX"] = "1"; and it added to the existing z-index. So then i used "-4" and it reduced all of the z-indexes by 4, which should solve the problem. Thanks.
<div style="z-index: -4;" id="ctl02_UltraChart1">
<table style="position: relative; z-index: 0;" id="ctl02_UltraChart1_table">
<tbody>
<tr>
<td>
<div>
<img style="z-index: -4;" />
<div style="position: absolute; z-index: -3;">
</div>
</td>
</tr>
</tbody>
</table>