This is a migrated thread and some comments may be shown as answers.

Tool Tip not showing up!

6 Answers 132 Views

ToolBar

This is a migrated thread and some comments may be shown as answers.

Sébastien asked on 14 Jul 2010, 06:41 PM

In a simple application with a radToolBar, I am trying to change the toolTip of the item clicked on client-side code. The value of the property is changed but it won't appear as a toolTip.

Here is the code, very sample :

<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="ToolTipNotShowing._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

function toolTipError(sender, args) {

var btn = args.get_item();

var btnText = btn.get_text();

btn.set_toolTip(btn.get_text() + " TOOLTIP");

var txt = $find("<%= RadTextBox1.ClientID %>");

txt.set_value(btn.get_toolTip());

}

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="Simple">

</telerik:RadSkinManager>

<div>

<telerik:RadToolBar ID="RadToolBar1" Runat="server" Skin="Windows7"

OnClientButtonClicked="toolTipError">

<Items>

<telerik:RadToolBarButton runat="server" Text="Button 0">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Text="Button 1">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Text="Button 2">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Text="Button 3">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Text="Button 4">

</telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

<br />

</div>

<p>

<telerik:RadTextBox ID="RadTextBox1" Runat="server">

</telerik:RadTextBox>

</p>

</form>

</body>

</html>

6 Answers, 1 is accepted

Accepted

answered on 15 Jul 2010, 09:32 AM

Hello Sebastien,

You can try the following method to set ToolTip.

Java Script:

<script type="text/javascript">

function toolTipError(sender, args) {

var btn = args.get_item();

var btnText = btn.get_text();

btn.set_toolTip(btn.get_text() + " TOOLTIP");

var txt = $find("<%= RadTextBox1.ClientID %>");

txt.set_value(btn.get_toolTip());

btn.get_linkElement().title = btn.get_text() + " TOOLTIP"; //setting ToolTip

}

</script>

Thanks,
Princy.