DayPilot Forums

AJAX Calendar/Scheduling Controls
DayPilot » Forums » Features » What is DayPilot:DayPilotBubble control for?

What is DayPilot:DayPilotBubble control for?

i have gone through the documentation's. i am not able to understand what a bubble is ?

Anonymous - 6/2/2008 12:51:53 PM
You can take a look here (scroll down a little bit to (F15) Bubbles):
http://www.daypilot.org/daypilot-pro-4-2.html

DayPilotBubble is an extended ToolTip - a box that appears if you hold your mouse over an object for a while.

The main differences from the standard ToolTip (which is achieved using title attribute):
  • The content is loaded dynamically from the server
  • It can show multiple lines
  • It can show custom HTML
  • You can define the ShowAfter and HideAfter times
The supported objects are as follows:

DayPilotCalendar
  • event box
  • time cell
  • column header
DayPilotScheduler
  • event box
  • time cell
  • resource header
DayPilotMonth
  • event box
DayPilotSchedulerDynamic
  • event box
Dan Letecky - 6/2/2008 1:37:56 PM

so the text for the bubble will be obtained after a postback only rite. can it be done in the javascript . otherwise i believe it will get slower

Hisham - 6/2/2008 2:25:09 PM

In my project, we want show customised tooltips.

Eventhough I follwed all the steps to create the extended tooltip(BubbleID) I was not able to get it.

This is my daypilotscheduler:

<DayPilot:DayPilotScheduler ID="DayPilotScheduler2" Height="700px" runat="server"
Days="7" Width="800px" StartDate="2007-01-01" DataStartField="start" DataEndField="end"
DataTextField="name" DataValueField="id" HeaderFontSize="8pt" HeaderHeight="17"
DataResourceField="column" EventHeight="40" CellDuration="60" CellWidth="20"
TimeRangeSelectedHandling="CallBack" EventMoveHandling="CallBack" EventResizeHandling="CallBack"
OnEventMove="DayPilotScheduler2_EventMove" OnEventResize="DayPilotScheduler2_EventResize"
OnTimeRangeSelected="DayPilotScheduler2_TimeRangeSelected" DataTagFields="start,id,name"
EventClickHandling="JavaScript" EventClickJavaScript="alert('Tag[&quot;name&quot;]: ' + e.tag(&quot;name&quot;) + '.')"
EventResizeJavaScript="alert(newStart.toGMTString() + '\n' + newEnd.toGMTString());"
ClientObjectName="dps1" OnRefresh="DayPilotScheduler2_Refresh" BubbleID="DayPilotBubble1" ShowToolTip="false">
</DayPilot:DayPilotScheduler>

=======================================

This is my DaypilotBubble:

<DayPilot:DayPilotBubble ID="DayPilotBubble1" runat="server" OnRenderContent="DayPilotBubble1_RenderContent"
ClientObjectName="bubble" BorderColor="Black">
</DayPilot:DayPilotBubble>

=======================================

This is the method:

protected void DayPilotBubble1_RenderContent(object sender, RenderEventArgs e)
{
if (e is RenderEventBubbleEventArgs)
{
RenderEventBubbleEventArgs re = e as RenderEventBubbleEventArgs;
re.InnerHTML = "<b>Event details</b><br />Here is the right place to show details about the event with ID: " + re.Value + ". This text is loaded dynamically from the server.";
}
else if (e is RenderResourceBubbleEventArgs)
{
RenderResourceBubbleEventArgs re = e as RenderResourceBubbleEventArgs;
e.InnerHTML = "<b>Resource header details</b><br />Value: " + re.ResourceId;
}
else if (e is RenderCellBubbleEventArgs)
{
RenderCellBubbleEventArgs re = e as RenderCellBubbleEventArgs;
e.InnerHTML = "<b>Cell details</b><br />Resource:" + re.ResourceId + "<br />From:" + re.Start + "<br />To: " + re.End;
}
}

Could you please suggest me where i might have gone wrong????

Chandra Lekha - 1/28/2009 11:29:30 AM

After a quick look, it seems to be correct. Are you able to check if the AJAX callback is initiated (for example using Firefox + Firebug)?

There might be a problem with the AJAX call or there might be a problem with showing the result (what's the doctype you are using, btw?).

Dan Letecky - 1/29/2009 3:16:45 PM

Dan,

Thanks for the reply.Its working well with the .NEt application. When it is hosted on to a sharepoint site, its not showing up the bubble.

Chandra Lekha - 1/30/2009 6:14:35 AM

How to check if AJAX callback is initiated or not?

Thanks for your support.

Chandra Lekha - 1/30/2009 6:19:17 AM

I am able to make it work. Thanks a lot.

Chandra Lekha - 1/30/2009 7:58:31 AM

This bubble id is working well in Firefox. But, its not woriking in IE. What could be wrong?

Is there any way to enable AJAX callback on browser?

Chandra Lekha - 1/30/2009 10:51:13 AM

The problem with sharepoint is that it render pages in quirks mode (i.e. it doesn't specify the doctype). Bubles rely on window dimension functions that do not work properly in quirks mode in IE. See also forums.daypilot.org/Topic.aspx/519/issue_with_bubble_in_ie.

However, I was fixing this issue in DayPilot Pro 4.9 SP3 release. What version of DayPilot are you using?

Dan Letecky - 2/3/2009 1:37:12 PM

Thank you Dan.

We are using 4.9.1456.0 version of DayPilot. If you fix this issue, please let us know. It is very urgent requirement for our project.

Chandra Lekha - 2/5/2009 5:13:29 AM

Sorry for the delay, I was out of office last week. As I mentioned, the problem was fixed in 4.9 SP3 (version 4.9.1490.0). You should upgrade to that (or later) version to get it fixed.

Dan Letecky - 2/9/2009 6:47:45 PM
Post reply