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

Issue with Radtooltip in IE8

1 Answer 60 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Ron
Top achievements
Rank 1
Ron asked on 02 Feb 2011, 06:43 PM
Hi,

I'm using the example posted on the following link
http://demos.telerik.com/aspnet-ajax/tooltip/examples/tooltipcalendar/defaultcs.aspx


When I try to click on a date associated with a tooltip in IE8 (8.0.6001.18702), I get an unknown runtime error in ScriptResource.axd
The page works fine in Firefox, Chrome and Opera..

Any Ideas??

Source Code for page containing the calendar
public partial class rcalendar : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {    }
    protected void RadCalendar1_DayRender(object sender, Telerik.Web.UI.Calendar.DayRenderEventArgs e)
    {
        int ID = e.Day.Date.Day;
         if (ID == 3 || ID == 5 || ID == 14)
        {
            TableCell cell = e.Cell;
            cell.Attributes.Add("onclick", "ShowToolTip(this);");
            cell.Attributes.Add("id", "Calendar_" + ID.ToString());
        }
     }
    protected void RadToolTipManager1_AjaxUpdate(object sender, Telerik.Web.UI.ToolTipUpdateEventArgs e)
    {
        CalendarTT cdrTTobj = (CalendarTT)this.LoadControl("CalendarTT.ascx");
         cdrTTobj.Dateid = int.Parse(e.Value);
        cdrTTobj.ID = Guid.NewGuid().ToString();
         e.UpdatePanel.ContentTemplateContainer.Controls.Add(cdrTTobj);
    }
}

aspx page for calendar
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="rcalendar.aspx.cs" Inherits="CdrApp.rcalendar" %>
<%@ Register Src="CalendarTT.ascx" TagName="CalendarTT" TagPrefix="uc1" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<head runat="server">
    <title></title>
    <style type="text/css">
 
         
 
    .RadCalendar .rcRow td
    {
        text-align: center !important;
        vertical-align: middle !important;
        width: 50px;
    }
 
 
</style>
</head>
<body style="height: 462px">
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
 
        function ShowToolTip(sender) {
            var tooltipManager = $find("<%=RadToolTipManager1.ClientID %>");
 
            //If the user hovers the image before the page has loaded, there is no manager created
            if (!tooltipManager) return;
 
            //Find the tooltip for this element if it has been created
            var tooltip = tooltipManager.getToolTipByElement(sender);
 
            //Create a tooltip if no tooltip exists for such element
            if (!tooltip) {
                tooltip = tooltipManager.createToolTip(sender);
                var longValue = sender.getAttribute("ID");
                var neededValue = longValue.substring(longValue.indexOf('_') + 1)
                tooltip.set_value(neededValue);
                tooltip.show();
            }
        }
 
        </script>
     
    </telerik:RadCodeBlock>
 
    <div>
     
                <telerik:RadCalendar ID="RadCalendar1" Runat="server" DayNameFormat="Full"
                    EnableMultiSelect="False" Height="300px" SelectedDate="" TitleAlign="Center"
                    ViewSelectorText="x" Width="300px" PresentationType="Preview"
                    ShowRowHeaders="False"
                    ondayrender="RadCalendar1_DayRender">
                    </telerik:RadCalendar>
                    <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server"
        onajaxupdate="RadToolTipManager1_AjaxUpdate" Animation="Fade"
        AutoCloseDelay="30000" EnableShadow="True" EnableTheming="True"
        HideEvent="LeaveTargetAndToolTip" ShowEvent="OnClick" BorderStyle="Outset"
        Position="Center">
    </telerik:RadToolTipManager>
    </div>
    </form>
</body>
</html>




Thanks..

1 Answer, 1 is accepted

Sort by
0
Ron
Top achievements
Rank 1
answered on 03 Feb 2011, 04:04 PM
Found the issue.. I was using a form tag in the User control.. It works fine now that I removed the tag..

Thanks
Tags
ToolTip
Asked by
Ron
Top achievements
Rank 1
Answers by
Ron
Top achievements
Rank 1
Share this question
or