How to set the scroll position of RadToolTip control to bottom location while loading?

[Raj]

We are using a RadToolTip Control to display some items and we need to set the cursor postion to the bottom area (ie, Vertical Scroll bar shold be at the bottom of the control). We set the OffsetXand OffsetY for the scroll position, but it is not scrolling down.

[Svetlina Anati]

Hello Raj,

I suggest to use the RadToolTips' OnClientShow event and to obtain a reference to its content DIV element there. After you do this, the task is actually stripped down to controlling the scrollbar of a standard DIV element.

I prepared for you sample code and I pasted it below:

    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div>
            <telerik:RadToolTip ID="RadToolTip1" runat="server" OnClientShow="OnClientShow" RelativeTo="Element"
                HideEvent="ManualClose" ContentScrolling="auto" Width="200" Height="300" Position="BottomRight"
                TargetControlID="HyperLink1">
                ----> Start content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                content here
                <br />
                <-----End
            </telerik:RadToolTip>
            <asp:HyperLink ID="HyperLink1" runat="server">Target Control</asp:HyperLink>

            <script type="text/javascript">
            function OnClientShow(sender, args)
            {
              var contentElem = sender.get_contentElement();
              contentElem.scrollTop = contentElem.scrollHeight;
            }
            </script>

        </div>
    </form>

For your convenience I also attached my test page to the thread.

All the best,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[sadeghhp]

it is not work when RelativeTo is BrowserWindow

[Svetlina Anati]

Hello sadeghhp,

I tested the demo with RelativeTo=BrowserWindow instead of Element and everything is working as expected. Furthermore, the script manipulates only the content of the tooltip and it should not be influenced by the RelativeTo setting.

Would you please provide a more detailed explanations about what is exactly not working when you use the very same code along with Relative=BrowserWindow for the tooltip? In case different code reproduces the issue, please provide detailed instructions on  how to replicate and observe the issue locally.

Kind regards,
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.

[Görkem]

Hello i wanto to set the position of my telerik tooltip like as on this link :http://msdn.microsoft.com/en-us/library/ms752368.aspx

How can i set absolute position to the code below which i want.

       <telerik:RadToolTip ID="radTooltipButtons" runat="server" 

EnableViewState="true" TargetControlID="imgButtons" 

                IsClientID="true" ShowEvent="OnMouseOver" 

                 HideEvent="LeaveTargetAndToolTip" Animation="None" 

                 ShowDelay="0" Width="280" Height="180" ShowCallout="False" 

                Position="BottomRight">

            

        </telerik:RadToolTip>

[Svetlina Anati]

Hi görkem,

I am not sure what is the exact result you want to achieve. The RadToolTip has absolute position as default and default z-index of 8000 which could be changed by uisng its style attribute.

As to fine-tuning its position, you should use the following properties:

RelativeTo (default value - mouse):

http://demos.telerik.com/aspnet-ajax/tooltip/examples/relativeto/defaultcs.aspx

Position, OffsetX, OffsetY (you can test them below)

http://demos.telerik.com/aspnet-ajax/tooltip/examples/default/defaultcs.aspx

Please, examine teh provided demos as well as the other qsf demos for the tooltip and in case you need further assistance, provide a fully runnable sampel code and a screenshot of the actual result of this code along with the desired result clearly marked on it and I will do my best to help.

Best wishes,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.