hi!
i would like to position tooltip to render windows xp like toolbar tooltip.
<telerik:RadToolTip runat="server" ID="CornerMsg" RelativeTo="Element" Position="TopLeft"
OffsetX="0" OffsetY="0" ContentScrolling="None" Skin="Web20"
Width="150" Height="70" Animation="Fade" ShowCallout="true" IsClientID="true"
TargetControlID="rightCornerPlacer">
<div>
<asp:Label runat="server" ID="Message">Event message</asp:Label>
</div>
</telerik:RadToolTip>
this i put as first element and in asp:content...and then i use
<div id="rightCornerPlacer" style="position:absolute; position:fixed; bottom:0px; right:20px; overflow:hidden; width:0px; height:0px;">
Do not delete this! this is important for correct tooltip functionality!
</div>
at bottom of asp:content.
It renders correctly but there are still few problems. Like, it will eventually disappear, but if u try to scroll, it will not stay fixed to the window (it will be scrolled).
Problem is that Tooltip doesn't render correctly when we use RelativeTo="BrowserWindow". problem is that in this case of scrolling, origin div is absolute and not alligned to scroll box. When i look at example demo of telerik, this scroll is resolved, and it is aligned correctly, only Position="TopLeft" doesn't give me ability to place it as Position="BottomRight" in respect to window.
Is there any workarround for this? Could i use something that control allready uses for generating correct position as on demo?
http://demos.telerik.com/ASPNET/Prometheus/ToolTip/Examples/RelativeTo/DefaultCS.aspx
i would like to position tooltip to render windows xp like toolbar tooltip.
<telerik:RadToolTip runat="server" ID="CornerMsg" RelativeTo="Element" Position="TopLeft"
OffsetX="0" OffsetY="0" ContentScrolling="None" Skin="Web20"
Width="150" Height="70" Animation="Fade" ShowCallout="true" IsClientID="true"
TargetControlID="rightCornerPlacer">
<div>
<asp:Label runat="server" ID="Message">Event message</asp:Label>
</div>
</telerik:RadToolTip>
this i put as first element and in asp:content...and then i use
<div id="rightCornerPlacer" style="position:absolute; position:fixed; bottom:0px; right:20px; overflow:hidden; width:0px; height:0px;">
Do not delete this! this is important for correct tooltip functionality!
</div>
at bottom of asp:content.
It renders correctly but there are still few problems. Like, it will eventually disappear, but if u try to scroll, it will not stay fixed to the window (it will be scrolled).
Problem is that Tooltip doesn't render correctly when we use RelativeTo="BrowserWindow". problem is that in this case of scrolling, origin div is absolute and not alligned to scroll box. When i look at example demo of telerik, this scroll is resolved, and it is aligned correctly, only Position="TopLeft" doesn't give me ability to place it as Position="BottomRight" in respect to window.
Is there any workarround for this? Could i use something that control allready uses for generating correct position as on demo?
http://demos.telerik.com/ASPNET/Prometheus/ToolTip/Examples/RelativeTo/DefaultCS.aspx
2 Answers, 1 is accepted
0
Hello Vjeran Ivičić,
I am not quite sure if I understand completely your scenario. It seems to me that you want to use the tooltip as a server message that would show in the bottom right corner of the browser when needed. If this is so, I suggest not to use the DIV but to show the tooltip from code. For convenience I prepared a small sample that shows this approach - to show the tooltip I used VisibleOnPageLoad to true and Position=BottomRight. I attached the sample and a movie that shows the tooltip's behavior - please check them and let me know if this solution suits you.
If this doesn't help, open a support ticket and send us the following:
Greetings,
Georgi Tunev
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
I am not quite sure if I understand completely your scenario. It seems to me that you want to use the tooltip as a server message that would show in the bottom right corner of the browser when needed. If this is so, I suggest not to use the DIV but to show the tooltip from code. For convenience I prepared a small sample that shows this approach - to show the tooltip I used VisibleOnPageLoad to true and Position=BottomRight. I attached the sample and a movie that shows the tooltip's behavior - please check them and let me know if this solution suits you.
If this doesn't help, open a support ticket and send us the following:
- Small sample project that shows your setup and reproduces the problem.
- Reproduction instructions along with a screen captured movie (or screenshots) that shows the behavior on your side.
- Detailed description of the desired behavior.
We will check it and do our best to help.
Greetings,
Georgi Tunev
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Vjeran
Top achievements
Rank 2
Rank 2
answered on 09 Sep 2008, 07:30 AM
First sorry for my bad explanation. Well the only problem with a attached demo is that you are not using ShowCallout="true". When you use it will render callout part in the right top corner of tooltip.
Ok, i will try to reproduce the problem.
Ok, i will try to reproduce the problem.