Hi,
how can I increase the z-index of the tooltip when it is shown?
I use the tooltip with the ModalPopup from the Ajax-Toolkit Framework. The ModalPopups have an z-Index of 10001. When the Tooltip is visible, I think the style with z-index:8000 is applied to it.
Thanx
Christian
how can I increase the z-index of the tooltip when it is shown?
I use the tooltip with the ModalPopup from the Ajax-Toolkit Framework. The ModalPopups have an z-Index of 10001. When the Tooltip is visible, I think the style with z-index:8000 is applied to it.
Thanx
Christian
8 Answers, 1 is accepted
0
Hi Christian,
You can easily change the RadToolTip's z-index by using the stle attribute - you can find detailed explanation of this approach here.
All the best,
Svetlina
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
You can easily change the RadToolTip's z-index by using the stle attribute - you can find detailed explanation of this approach here.
All the best,
Svetlina
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Christian
Top achievements
Rank 1
Rank 1
answered on 19 Nov 2008, 11:02 AM
Hi,
I tried this already, but i think the value gets overwritten when the tooltip gets set to visible.
I tried this already, but i think the value gets overwritten when the tooltip gets set to visible.
0
Hello Christian,
Did you test the project under different browsers? I assume that it might be caused by positioning settings - if so, the behavior will differ under different browsers. Check also what is the z-index of the tooltip by using the Firebug or IEDevToolbar tools in order to find whether it gets overridden or not.
Greetings,
Svetlina
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Did you test the project under different browsers? I assume that it might be caused by positioning settings - if so, the behavior will differ under different browsers. Check also what is the z-index of the tooltip by using the Firebug or IEDevToolbar tools in order to find whether it gets overridden or not.
Greetings,
Svetlina
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Christian
Top achievements
Rank 1
Rank 1
answered on 20 Nov 2008, 10:58 AM
Hi,
i tried it in firefox an ie6, but always the same effect. Here is the source copied from IE Developer Toolbar:
Here the css-class class="radtooltip_Default visiblecallout" gets applied (the tooltip is visible at this moment), but the div also contains an style element: style="Z-INDEX: 8000; LEFT: 466px; VISIBILITY: visible; WIDTH: 150px; POSITION: absolute; TOP: 456px".
I think the style overwrites the class z-index.
i tried it in firefox an ie6, but always the same effect. Here is the source copied from IE Developer Toolbar:
| </STYLE></HEAD><BODY style="MARGIN: 0px; HEIGHT: 100%" scroll="no"><FORM id="form1" style="MARGIN: 0px; HEIGHT: 100%" name="form1" action="Default.aspx" method="post"> <DIV class="radtooltip_Default visiblecallout" id="RadToolTipWrapper_rtt1" style="Z-INDEX: 8000; LEFT: 466px; VISIBILITY: visible; WIDTH: 150px; POSITION: absolute; TOP: 456px" unselectable="on" zIndex="1000"><DIV class="ToolTipCallout TopLeft"> </DIV><TABLE class="ToolTipWrapper" style="WIDTH: 150px; HEIGHT: 119px"><TBODY><TR><TD class="ToolTipTopLeft"> </TD><TD class="ToolTipTopCenter"><DIV class="ToolTipTitlebar VisibleTitlebar" style="DISPLAY: none"></DIV><A class="CloseButton" title="Close" href="javascript: void(0);"><SPAN>Close</SPAN></A></TD><TD class="ToolTipTopRight"> </TD></TR><TR><TD class="ToolTipLeftMiddle"> </TD><TD class="ToolTipContent" vAlign="top"><DIV>asdflkasdfl asdf asdf asdf asdf asdf asd f as dfasdf asdfa sdfasdfasdfadf </DIV></TD><TD class="ToolTipRightMiddle"> </TD></TR><TR><TD class="ToolTipBottomLeft"> </TD><TD class="ToolTipBottomCenter"> </TD><TD class="ToolTipBottomRight"> </TD></TR></TBODY></TABLE></DIV> </FORM></BODY></HTML> |
Here the css-class class="radtooltip_Default visiblecallout" gets applied (the tooltip is visible at this moment), but the div also contains an style element: style="Z-INDEX: 8000; LEFT: 466px; VISIBILITY: visible; WIDTH: 150px; POSITION: absolute; TOP: 456px".
I think the style overwrites the class z-index.
0
ZacharyD
Top achievements
Rank 2
Rank 2
answered on 23 Nov 2008, 04:31 PM
I am also having a problem setting the z-index of the tooltip. Setting the style of the tooltip does not appear to work. What is the work around for this?
0
Hello guys,
Unfortunately I am not able to reproduce the problem on my side. Please, open a new support ticket and send me a sample, fully runnable reproduction project along with detailed reproduction instructions and explanation. A few screenshots or a video capture will also be helpful. Once I have a better understanding on the problem, I will do my best to help.
Regards,
Svetlina
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Unfortunately I am not able to reproduce the problem on my side. Please, open a new support ticket and send me a sample, fully runnable reproduction project along with detailed reproduction instructions and explanation. A few screenshots or a video capture will also be helpful. Once I have a better understanding on the problem, I will do my best to help.
Regards,
Svetlina
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Alexandru Dimitriev
Top achievements
Rank 1
Rank 1
answered on 12 Mar 2009, 02:07 PM
We have a solution for this?
My tooltip in DNN goes under the DNN menu, is nod going outside his Ajax Panel.
My tooltip in DNN goes under the DNN menu, is nod going outside his Ajax Panel.
0
Hello Alexandru,
I am not quite sure about your exact setup and the problem you report. I assume that the problem is caused by z-indexes or positioning settings but I cannot tell what is the exact reason for it since I do not have your code. Would you please provide more details along with sample code?
All the best,
Svetlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
I am not quite sure about your exact setup and the problem you report. I assume that the problem is caused by z-indexes or positioning settings but I cannot tell what is the exact reason for it since I do not have your code. Would you please provide more details along with sample code?
All the best,
Svetlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.