Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

Rad Tool Tip is showing in top always in Google chrome

2 Answers 40 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Hiren
Top achievements
Rank 1
Hiren asked on 22 Mar 2012, 08:21 AM
SchedulerRadToolTipIssue.png
Hi,

I am facing issue with Rad tool tip in Scheduler control in Google Chrome. to re produce this issue take below pasted code to a new aspx page fallow the below steps.


1. Go to 24hr View.
2. double click on 11:00 PM Slot and add new appointment and check the tool tip.

Here i am attaching the screenshot for the same issue.

Please let me provide the solution asap.


Designer

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Schedule.aspx.cs" Inherits="Schedule" %>


<!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>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <telerik:RadScriptManager runat="Server" ID="RadScriptManager1" EnablePageMethods="true" /> 
        <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" RelativeTo="Element"
            Position="TopLeft" AutoTooltipify="true" ContentScrolling="Default" Width="150"
            EnableShadow="false" Height="10" ShowEvent="OnMouseOver" ShowDelay="200" AutoCloseDelay="60000">
        </telerik:RadToolTipManager>
        <telerik:RadScheduler runat="server" ID="rschAppointments" Skin="Windows7" AllowEdit="true"
            AllowDelete="true" AllowInsert="true" ReadOnly="false" GroupingDirection="Horizontal"
            AppointmentStyleMode="Default"  Height="750px" Width="100%"
            TimelineView-ReadOnly="false" OnAppointmentCreated="rschAppointments_AppointmentCreated"
            NumberOfHoveredRows="1" DataKeyField="Id" DataSubjectField="Name" DataStartField="StartTime"
            DataEndField="EndTime">
            <TimelineView UserSelectable="false" EnableExactTimeRendering="true" />
            <ExportSettings OpenInNewWindow="true" FileName="SchedulerExport">
                <Pdf PageTitle="Schedule" Author="Telerik" Creator="Telerik" Title="Schedule" />
            </ExportSettings>
            <AppointmentContextMenus>
                <telerik:RadSchedulerContextMenu runat="server" ID="AppointmentMenu">
                    <Items>
                        <telerik:RadMenuItem Text="" Value="EditAppointment" />
                        <telerik:RadMenuItem Text="" Value="DeleteAppointment" />
                    </Items>
                </telerik:RadSchedulerContextMenu>
                <telerik:RadSchedulerContextMenu runat="server" ID="ClassMenu">
                    <Items>
                        <telerik:RadMenuItem Text="" Value="EditClass" />
                        <telerik:RadMenuItem Text="" Value="DeleteClass" />
                        <telerik:RadMenuItem Text="" Value="AddPatientstoBatch" />
                    </Items>
                </telerik:RadSchedulerContextMenu>
                <telerik:RadSchedulerContextMenu runat="server" ID="OutOfOfficeMenu">
                    <Items>
                        <telerik:RadMenuItem Text="" Value="EditOutofOffice" />
                        <telerik:RadMenuItem Text="" Value="Deleteoutofoffice" />
                    </Items>
                </telerik:RadSchedulerContextMenu>
                <telerik:RadSchedulerContextMenu runat="server" ID="SlotMenu">
                    <Items>
                        <telerik:RadMenuItem Text="" Value="AddAppointment" runat="server" />
                        <telerik:RadMenuItem Text="" Value="AddClass" />
                        <telerik:RadMenuItem Text="" Value="OutofOffice" />
                        <telerik:RadMenuItem Text="" Value="EditSlot" />
                        <telerik:RadMenuItem Text="" Value="DeleteSlot" />
                    </Items>
                </telerik:RadSchedulerContextMenu>
            </AppointmentContextMenus>
            <TimeSlotContextMenus>
                <telerik:RadSchedulerContextMenu runat="server" ID="SchedulerTimeSlotContextMenu">
                    <Items>
                        <telerik:RadMenuItem Text="" Value="AddAppointment" runat="server" />
                        <telerik:RadMenuItem Text="" Value="AddClass" />
                        <telerik:RadMenuItem Text="" Value="OpenSlot" />
                        <telerik:RadMenuItem Text="" Value="OutofOffice" />
                    </Items>
                </telerik:RadSchedulerContextMenu>
            </TimeSlotContextMenus>
        </telerik:RadScheduler>
    </div>
    </form>
</body>
</html>

Code Behind
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Schedule.aspx.cs" Inherits="Schedule" %>


<!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>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <telerik:RadScriptManager runat="Server" ID="RadScriptManager1" EnablePageMethods="true" /> 
        <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" RelativeTo="Element"
            Position="TopLeft" AutoTooltipify="true" ContentScrolling="Default" Width="150"
            EnableShadow="false" Height="10" ShowEvent="OnMouseOver" ShowDelay="200" AutoCloseDelay="60000">
        </telerik:RadToolTipManager>
        <telerik:RadScheduler runat="server" ID="rschAppointments" Skin="Windows7" AllowEdit="true"
            AllowDelete="true" AllowInsert="true" ReadOnly="false" GroupingDirection="Horizontal"
            AppointmentStyleMode="Default"  Height="750px" Width="100%"
            TimelineView-ReadOnly="false" OnAppointmentCreated="rschAppointments_AppointmentCreated"
            NumberOfHoveredRows="1" DataKeyField="Id" DataSubjectField="Name" DataStartField="StartTime"
            DataEndField="EndTime">
            <TimelineView UserSelectable="false" EnableExactTimeRendering="true" />
            <ExportSettings OpenInNewWindow="true" FileName="SchedulerExport">
                <Pdf PageTitle="Schedule" Author="Telerik" Creator="Telerik" Title="Schedule" />
            </ExportSettings>
            <AppointmentContextMenus>
                <telerik:RadSchedulerContextMenu runat="server" ID="AppointmentMenu">
                    <Items>
                        <telerik:RadMenuItem Text="" Value="EditAppointment" />
                        <telerik:RadMenuItem Text="" Value="DeleteAppointment" />
                    </Items>
                </telerik:RadSchedulerContextMenu>
                <telerik:RadSchedulerContextMenu runat="server" ID="ClassMenu">
                    <Items>
                        <telerik:RadMenuItem Text="" Value="EditClass" />
                        <telerik:RadMenuItem Text="" Value="DeleteClass" />
                        <telerik:RadMenuItem Text="" Value="AddPatientstoBatch" />
                    </Items>
                </telerik:RadSchedulerContextMenu>
                <telerik:RadSchedulerContextMenu runat="server" ID="OutOfOfficeMenu">
                    <Items>
                        <telerik:RadMenuItem Text="" Value="EditOutofOffice" />
                        <telerik:RadMenuItem Text="" Value="Deleteoutofoffice" />
                    </Items>
                </telerik:RadSchedulerContextMenu>
                <telerik:RadSchedulerContextMenu runat="server" ID="SlotMenu">
                    <Items>
                        <telerik:RadMenuItem Text="" Value="AddAppointment" runat="server" />
                        <telerik:RadMenuItem Text="" Value="AddClass" />
                        <telerik:RadMenuItem Text="" Value="OutofOffice" />
                        <telerik:RadMenuItem Text="" Value="EditSlot" />
                        <telerik:RadMenuItem Text="" Value="DeleteSlot" />
                    </Items>
                </telerik:RadSchedulerContextMenu>
            </AppointmentContextMenus>
            <TimeSlotContextMenus>
                <telerik:RadSchedulerContextMenu runat="server" ID="SchedulerTimeSlotContextMenu">
                    <Items>
                        <telerik:RadMenuItem Text="" Value="AddAppointment" runat="server" />
                        <telerik:RadMenuItem Text="" Value="AddClass" />
                        <telerik:RadMenuItem Text="" Value="OpenSlot" />
                        <telerik:RadMenuItem Text="" Value="OutofOffice" />
                    </Items>
                </telerik:RadSchedulerContextMenu>
            </TimeSlotContextMenus>
        </telerik:RadScheduler>
    </div>
    </form>
</body>
</html>

2 Answers, 1 is accepted

Sort by
0
Hiren
Top achievements
Rank 1
answered on 26 Mar 2012, 08:18 AM
Hi,

Please give us the solutions ASAP.

thanks,
Hiren
0
Plamen
Telerik team
answered on 26 Mar 2012, 03:32 PM
Hello Hiren,

 
You can refer to the Using RadToolTip online demo where is shown the recommended way to implement such scenario and where the tooltip is situated at the right position event when we follow your steps.

Hope this will help you.

Greetings,
Plamen Zdravkov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Scheduler
Asked by
Hiren
Top achievements
Rank 1
Answers by
Hiren
Top achievements
Rank 1
Plamen
Telerik team
Share this question
or