radtooltip for each treeview node

3 posts, 0 answers
  1. Pranjal
    Pranjal avatar
    2 posts
    Member since:
    Apr 2008

    Posted 06 May 2008 Link to this post


    How can i show a radtooltip for each node of radtreeview on mouseover and position it beside the node. i am using rad controls prometheus. i also want to fetch some records from the database as tooltip content. please advice me asap.

    thanks & regards
  2. Svetlina Anati
    Svetlina Anati avatar
    2795 posts

    Posted 09 May 2008 Link to this post

    Hi Pranjal,

    I prepared a sample project which demonstrates the desired functionality. Please, note that you should add an ID attribute to the RadTreeView nodes because they do not have an ID on the client.

    Best wishes,
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. DevCraft R3 2016 release webinar banner
  4. Aarsh
    Aarsh avatar
    192 posts
    Member since:
    Jun 2012

    Posted 23 Sep 2012 Link to this post

    You can do this either of the following ways:

    If you wish to use the default tool-tip of your windows theme, you can use the following line of code in the code behind just before you add the node,

    usersNode,ToolTip = strUSerName + (" + intUserID.ToString() + ")" ;


    Or, you can use the RadToolTipManager Control provided by Telerik.
    In this case, following is one of the possible implementations

    <telerik:RadTreeView ID="MainTree" runat="server" Skin="WebBlue" BackColor="white" EnableDragAndDrop="false" EnableDragAndDropBetweenNodes="false" Height="100%" OnLoad="LoadMainTree" Visible="true" OnContextMenuItemClick="ContextMenuItemClick">
    <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" OnAjaxUpdate="RadToolTipManager_AjaxUpdate" Skin="Sunset">

    RadToolTipManager_AjaxUpdate may have following implementation in the code behind:

    internal static void RadToolTipManager_AjaxUpdate(object sender, ToolTipUpdateEventArgs e)
        System.Web.UI.WebControls.Label lblTitle = new System.Web.UI.WebControls.Label();
        lblTitle.Text = "Title";
        lblTitle.Attributes.Add("style", "font-weight: 700");
        System.Web.UI.WebControls.Label lblCaption = new System.Web.UI.WebControls.Label();
        lblCaption.Text = "\nThis is the demomnstration text for the Telerik Tool Tip manager.";

         // you can access the ID of the tree using e.TargetControlID - just in the case you need it.

    finally, the LoadTree Event handler ...

    private void LoadTree()
            RadToolTipManager1.ShowDelay = 100;
            RadToolTipManager1.HideDelay = 100;
            RadToolTipManager1.AutoCloseDelay = 8000;

    Hope this will get you started...

Back to Top