search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Bubble not showing when hovering over event

Asked by Pete
3 years ago.

Although I have set BubbleID and EventHoverHandling, the bubble does not show when hovering over an event.

asp File snippet

<asp:UpdatePanel ID="upSchedule" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="cbAutoRefresh" EventName="CheckedChanged" />
<asp:AsyncPostBackTrigger ControlID="tbZoom" EventName="TextChanged" />
</Triggers>
<ContentTemplate>
<div style="float: right; width: 150px; text-align: center; padding-top: 10px;">
<asp:ImageButton ID="ibManualRefresh" runat="server" ToolTip="Manual Refresh" ImageUrl="~/images/gtk_refresh.png" />&nbsp;&nbsp;&nbsp;
<asp:CheckBox ID="cbAutoRefresh" runat="server" Text="Auto refresh" ToolTip="Enable automatic refresh every 2 mintues" AutoPostBack="true" OnCheckedChanged="cbAutoRefresh_CheckedChanged" />
</div>
<div style="float: right; width: 100px; text-align: center;">
<b>Zoom Level: </b><asp:label ID="lZoom" runat="server" Text="4"></asp:label>
<asp:TextBox ID="tbZoom" runat="server" Text="4" AutoPostBack="true" OnTextChanged="tbZoom_TextChanged"></asp:TextBox>
<ajax:SliderExtender ID="seZoom" runat="server" Minimum="1" Maximum="10" Length="100" TargetControlID="tbZoom" BoundControlID="lZoom" Enabled="True" EnableHandleAnimation="True" Steps="0"></ajax:SliderExtender>
</div>
<div style="clear: both"></div>
<DayPilot:DayPilotScheduler ID="dpsSchedule" runat="server" Width="100%" HeightSpec="Max"
DataStartField="StartDateTime"
DataEndField="EndDateTime"
DataResourceField="UnitType"
DataIdField="RecordID"
DataTextField="Item"
TreeEnabled="true"
NonBusinessBackColor="YellowGreen"
ShowNonBusiness="true"
BorderColor="Transparent" BorderStyle="None" BorderWidth="0px"
CellDuration="360"
DurationBarVisible="false"
Days="60"
CellGroupBy="Week"
BusinessBeginsHour="0"
BusinessEndsHour="23"
BubbleID="dpbSchedule" EventHoverHandling="Bubble"
TimeRangeSelectedHandling="PostBack" OnTimeRangeSelected="dpsSchedule_TimeRangeSelected"
OnBeforeEventRender="dpsSchedule_BeforeEventRender" OnPreRender="dpsSchedule_PreRender">
<HeaderColumns>
<DayPilot:RowHeaderColumn Title="Unit" Width="120" />
</HeaderColumns>
</DayPilot:DayPilotScheduler>
<DayPilot:DayPilotBubble ID="dpbSchedule" runat="server" CssOnly="true" CssClassPrefix="bubble_default" OnRenderEventBubble="dpbSchedule_RenderEventBubble"></DayPilot:DayPilotBubble>
<asp:HiddenField ID="hfSQL" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>

asp.vb file snippit

Protected Sub dpbSchedule_RenderEventBubble(sender As Object, e As RenderEventBubbleEventArgs)
Dim rID = e.Value.Replace("event", "").Replace("port", "").Replace("task", "")
Dim unit As String = Left(rID, rID.IndexOf("_"))
Dim sDate As DateTime = CDate(Right(rID, (rID.Length - rID.IndexOf("_")) - 1))
Dim where As String = " WHERE Unit_Name = '" & unit & "' AND To_Char(TO_DATE(PROGRAMME_START_DATE || ' ' || PROGRAMME_START_TIME, 'DD-MON-YY HH24:MI:SS'), 'YYYY-MM-DD HH24:MI:SS') = '" & sDate.ToString("yyyy-MM-dd HH:mm:ss") & "'"
Dim startDate As String = ""
Dim startPeriod As String = ""
Dim endDate As String = ""
Dim endPeriod As String = ""
Dim eventName As String = "-"
Dim portName As String = "-"
Dim taskName As String = "-"

oraSql = hfSQL.Value
oraSql = oraSql.Insert(oraSql.IndexOf("ORDER BY") - 1, where)
dt = fetchMultipleValues(oraSql, ts2bDB)

startDate = dt.Rows(0).Item("StartDate").ToString
startPeriod = dt.Rows(0).Item("StartPeriod").ToString
endDate = dt.Rows(0).Item("EndDate").ToString
endPeriod = dt.Rows(0).Item("EndPeriod").ToString

For Each dr As DataRow In dt.Rows
If dr.Item("UnitType").ToString.IndexOf("event") > -1 Then eventName = dr.Item("Description").ToString
If dr.Item("UnitType").ToString.IndexOf("port") > -1 Then portName = dr.Item("Description").ToString
If dr.Item("UnitType").ToString.IndexOf("task") > -1 Then taskName = dr.Item("Description").ToString
Next

e.InnerHTML = "<table class=""bubbleTable"" width=""100%""><tr><th valign=""middle"" rowspan=""2"">Start</th><th>Date</th><th>Period</th></tr><tr><td>" & startDate & "</td><td>" & startPeriod & "</td></tr><tr><th valign=""middle"" rowspan=""2"">Finish</th><th>Date</th><th>Period</th></tr><tr><td>" & endDate & "</td><td>" & endPeriod & "</td></tr><tr><th>Event</th><td colspan=""2"">" & eventName & "</tr><tr><th>Port</th><td colspan=""2"">" & portName & "</tr><tr><th>Task</th><td colspan=""2"">" & taskName & "</tr></table>"

End Sub

Protected Sub dpsSchedule_BeforeEventRender(sender As Object, e As BeforeEventRenderEventArgs)
Dim fc As String
Dim bc As String

fc = e.DataItem("fgColor").ToString

Select Case e.DataItem("bgColor").ToString
Case "WHITE"
bc = "#fefefe"
Case "YELLOW"
bc = "#ffff00"
Case "MAGENTA"
bc = "#ff00ff"
Case "RED"
bc = "#ff0000"
Case "CYAN"
bc = "#00ffff"
Case "BLACK"
bc = "#000000"
Case "DARK GREEN"
bc = "#006600"
Case "LIGHT GREY"
bc = "#cccccc"
Case "DARK GREY"
bc = "#999999"
Case "BROWN"
bc = "#a52a2a"
Case "DARK BLUE"
bc = "#000066"
Case "LIGHT BLUE"
bc = "#add8e6"
Case "LIGHT GREEN"
bc = "#98fb98"
Case "KHAKI"
bc = "#f0e68c"
Case "STEEL BLUE"
bc = "#4682b4"
Case "PURPLE"
bc = "#800080"
Case "ORANGE"
bc = "#ffa500"
Case Else
bc = "#fefefe"
fc = "#000000"
End Select

e.FontColor = fc
e.BackgroundColor = bc

End Sub

Answer posted by Dan Letecky [DayPilot]
3 years ago.

Pete, What version of DayPilot do you use?

There is a bug in version 8.3 SP3 (8.3.3568) which prevents the Bubble activation.

It's fixed now in the latest release:
https://www.daypilot.org/daypilot-pro-for-asp-net-webforms-8-3-sp4/

Let me know if you still see the issue with the 8.3 SP4 release.

Comment posted by Pete
3 years ago.

Back to working ... Thanks

Comment posted by Davide
3 years ago.

...not for me unfortunately!
The bubble on event doen't show!
I've downloaded the latest version 8.3.3574.1 without the expected result.

Comment posted by Dan Letecky [DayPilot]
3 years ago.

The latest version seems to be working fine:
http://www.daypilot.org/demo/Scheduler/

Are you able to reproduce the problem in the online demo?

Sometimes the old version of the DLL gets cached somewhere. You can verify the DLL version being used by opening the HTML source of the page. Look for something like this:

/* DayPilotPro: DayPilot, Version=8.3.3574.1, Culture=neutral, PublicKeyToken=426941954f05e7fe */

Comment posted by Davide
3 years ago.

I'm sorry! With EventHoverHandling="Bubble" it works well!
I was not able to find this in you documentation but this was the only difference between my source code and Pete's code! With this property correctly setted the bubble is shown!

Thank you very much

This question is more than 3 months old and has been closed. Please create a new question if you have anything to add.