hello,
trying to get you tooltip + calendar demo to work. i have everything working correctly aside from the toolTip display. It goes through its brief loading screen and then disappears without ever showing any of its content.
*page is referencing a nested master page that contains a ajaxscript manager not a radscript manager
page hosting calendar
page host calendar code behind
user control for tooltip display
page hosting tooltip dispaly code behind
trying to get you tooltip + calendar demo to work. i have everything working correctly aside from the toolTip display. It goes through its brief loading screen and then disappears without ever showing any of its content.
*page is referencing a nested master page that contains a ajaxscript manager not a radscript manager
page hosting calendar
<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Default.Master" CodeBehind="Events.aspx.cs" Inherits="MemberPortal.UI.Web.Site.Events" %> |
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" ID="ContentPlaceHolder1" runat="server"> |
<style type="text/css"> |
.style1 |
{ |
width: 80%; |
} |
.style2 |
{ |
width: 128px; |
height: 128px; |
} |
.style3 |
{ |
width: 146px; |
} |
.style4 |
{ |
font-family: Calibri; |
font-size: medium; |
color: #C0C0C0; |
border-left-color: #A0A0A0; |
border-right-color: #C0C0C0; |
border-top-color: #A0A0A0; |
border-bottom-color: #C0C0C0; |
} |
.Event |
{ |
_ackground: #DFEEFF none repeat scroll 0 0; |
background: #DFEEFF url(./Images/Appointment.png) center no-repeat; |
border-color: #F6FAFF -moz-use-text-color #A7C0DF; |
border-style: solid none; |
border-width: 1px 0; |
} |
</style> |
<table align="center" width="100%"> |
<tr> |
<td> |
|
</td> |
</tr> |
<tr> |
<td> |
<telerik:RadCalendar Skin="Hay" ID="RadCalendar1" Width="400" Height="300" |
runat="server" OnDayRender="RadCalendar1_DayRender" > |
</telerik:RadCalendar> |
<telerik:RadToolTipManager Width="220px" Height="300px" RelativeTo="Element" ID="RadToolTipManager1" |
runat="server" OffsetX="15" Position="MiddleRight" ShowDelay="0" OnAjaxUpdate="RadToolTipmanager1_AjaxUpdate" |
Skin="Hay"> |
</telerik:RadToolTipManager> |
</td> |
</tr> |
<tr> |
<td> |
</td> |
</tr> |
</table> |
</asp:Content> |
page host calendar code behind
using System; |
using System.Collections.Generic; |
using System.Linq; |
using System.Web; |
using System.Web.UI; |
using System.Web.UI.WebControls; |
using Telerik.Web.UI; |
using System.IO; |
using System.Data.SqlClient; |
using System.Configuration; |
using Tegrit.MemberPortal.UI.Web.Site.Views; |
namespace MemberPortal.UI.Web.Site |
{ |
public partial class Events : System.Web.UI.Page |
{ |
protected void Page_Load(object sender, EventArgs e) |
{ |
if (!Page.IsPostBack) |
{ |
List<EventInformationModel> events = new List<EventInformationModel>(); |
MockService service = new MockService(); |
events = service.GetEvents(); |
Session["Events"] = events; |
} |
} |
protected void RadCalendar1_DayRender(object sender, Telerik.Web.UI.Calendar.DayRenderEventArgs e) |
{ |
int ID = IsDayRegisteredForTooltip(e.Day.Date); |
if (ID != -1) |
{ |
TableCell cell = e.Cell; |
cell.CssClass = "Event"; |
cell.Attributes.Add("id", "Calendar1_" + ID.ToString()); |
RadToolTipManager1.TargetControls.Add(e.Cell.Attributes["id"], ID.ToString().Substring(ID.ToString().IndexOf('_') + 1), true); |
} |
} |
private int IsDayRegisteredForTooltip(DateTime date) |
{ |
List<EventInformationModel> events = (List<EventInformationModel>)Session["Events"]; |
List<EventInformationModel> m = (from e in events |
where e.Date == date |
select e).ToList<EventInformationModel>(); |
if (m.Count > 0) |
{ |
return int.Parse(m[0].eventID.ToString()); |
} |
return -1; |
} |
private EventInformationModel GetEventByID(int id) |
{ |
List<EventInformationModel> events = (List<EventInformationModel>)Session["Events"]; |
EventInformationModel m = (from e in events |
where e.eventID == id |
select e).Single<EventInformationModel>(); |
return m; |
} |
protected void RadToolTipmanager1_AjaxUpdate(object sender, ToolTipUpdateEventArgs e) |
{ |
EventDetailsView details = (EventDetailsView)this.LoadControl("views/EventDetailsView.ascx"); |
int eventID = int.Parse(e.Value); |
details.EventDetail = GetEventByID(eventID); |
e.UpdatePanel.ContentTemplateContainer.Controls.Add(details); |
} |
} |
} |
user control for tooltip display
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="EventDetailsView.ascx.cs" Inherits="MemberPortal.UI.Web.Site.Views.EventDetailsView" %> |
<style type="text/css"> |
.style1 |
{ |
width: 200px; |
height: 118px; |
} |
</style> |
<table id="Table1" border="0" cellpadding="2" |
cellspacing="0"> |
<tr> |
<td style="text-align: center;" class="style1"> |
Name: |
<asp:Label ID="lblName" runat="server" Text='<%# Bind("Name") %>'></asp:Label><br /> |
Start: |
<asp:Label ID="lblStartTime" runat="server" Text='<%# Bind("StartTime") %>'></asp:Label><br /> |
End: |
<asp:Label ID="lblStartTime2" runat="server" Text='<%# Bind("StartTime") %>'></asp:Label><br /> |
Person to meet with: |
<asp:Label ID="lblEndTime" runat="server" Text='<%# Bind("EndTime") %>'></asp:Label><br /> |
<br /> |
</td> |
</tr> |
</table> |
page hosting tooltip dispaly code behind
using System; |
using System.Collections.Generic; |
using System.Linq; |
using System.Web; |
using System.Web.UI; |
using System.Web.UI.WebControls; |
using MemberPortal.UI.DataTransferObjects.ContentManagement; |
namespace MemberPortal.UI.Web.Site.Views |
{ |
public partial class EventDetailsView : System.Web.UI.UserControl |
{ |
private EventInformationModel eventDetail; |
public EventInformationModel EventDetail |
{ |
get { return eventDetail; } |
set { eventDetail = value; } |
} |
protected void Page_Load(object sender, EventArgs e) |
{ |
lblEndTime.Text = eventDetail.EndTime; |
lblName.Text = eventDetail.Name; |
lblStartTime.Text = eventDetail.StartTime; |
} |
} |
} |