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

UserControl Tooltip

1 Answer 200 Views

ToolTip

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

Jeremy asked on 13 Nov 2012, 01:42 PM

Hello,

I have been trying to use the RadToolTipManager with a RadScheduler.
So far I have been able to make the ToolTip appear and show data.
However I have 2 problems:

1) When I put JavaScript inside the UserControl (.ascx), it seems like the javascript is not called (I get error "*FunctionName* is not defined"). I have to put the javascript inside the Page that calls the UserControl for it to work.

2) I have a RadListBox inside the UserControl, when I use $find('<%=lbAnnotations.ClientID%>') it returns null or $('lbAnnotations') returns length = 0.

I think I maybe missing something. Here are the code blocks:

Inside calling page:

<telerik:RadToolTipManager runat="server" AnimationDuration="300" ShowDelay="200"

HideDelay="1" ID="RadToolTipManager1" Width="480px" Height="227px" RelativeTo="Element"

Animation="None" Position="BottomCenter" OnAjaxUpdate="RadToolTipManager1_AjaxUpdate" Skin="Telerik"

ShowEvent="OnClick" HideEvent="ManualClose" Modal="true">

</telerik:RadToolTipManager>

Adding controls to ToolTipManager:

Private Sub scListeDoses_AppointmentCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.AppointmentCreatedEventArgs) Handles scListeDoses.AppointmentCreated

If e.Appointment.Visible Then

Dim ctrlId As String = e.Container.FindControl("btnNotification").ClientID()

Dim aptId As String = e.Appointment.ID.ToString()

RadToolTipManager1.TargetControls.Add(ctrlId, aptId, True)

End If

End Sub

TooltipManager AjaxUpdate:

Protected Sub RadToolTipManager1_AjaxUpdate(ByVal sender As Object, ByVal e As ToolTipUpdateEventArgs)

Dim aptId As Integer

Dim apt As Appointment

If Not Integer.TryParse(e.Value, aptId) Then

'The appoitnment is occurrence and FindByID expects a string

apt = scListeDoses.Appointments.FindByID(e.Value)

Else

'The appointment is not occurrence and FindByID expects an int

apt = scListeDoses.Appointments.FindByID(aptId)

End If

Dim ctrl As Control = Page.LoadControl("FADMToolTip.ascx")

e.UpdatePanel.ContentTemplateContainer.Controls.Add(ctrl)

Dim details As FADMToolTip = DirectCast(ctrl, FADMToolTip)

details.OrdoNoAuto = apt.Attributes("NoAutoOrdo")

details.PresNoAuto = apt.Attributes("NoAutoPres")

details.PatiNoAuto = apt.Attributes("PatiNoauto")

details.PatiNumero = apt.Attributes("NumeroDossier")

details.PatiNom = apt.Attributes("NomPatient")

details.PatiPrenom = apt.Attributes("PrenomPatient")

details.Medicament = apt.Attributes("NomMedicament")

details.NumeroOrdo = apt.Attributes("Numero")

End Sub

UserControl for ToolTip:

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="FADMToolTip.ascx.vb" Inherits="GESPHARxLite_2.FADMToolTip" %>

<%@ Import Namespace="GESPHARxLite_2.GestionMessages" %>

<%@ Import Namespace="GESPHARxLite_2.GesPharxWeb" %>

<%--Note: si on doit faire des scripts on doit les ajouter dans FADMElectronique.aspx, car le contrôle ASCX est dedans la FADM qui a déjà un RadScriptManager--%>

<style type="text/css">

body, html, form

{

height: 100%;

}

.annotBouton

{

float: right;

bottom: 2px;

right: 2px;

width: 35px;

}

.lblInfos

{

font-weight: bold;

color: #707070;

}

.infoAnnot

{

float: left;

width: 375px;

}

.listeAnnot

{

background-color: #d7f3ff;

display: inline-block;

}

.listeAnnotInactif

{

background-color: #EBEBEC;

display: inline-block;

}

.editBouton

{

padding: 5px;

float: right;

width: 35px;

}

</style>

<link href="css/GESPHARxLite.css" rel="stylesheet" type="text/css" />

<div style="float:left; width: 100%;">

<div class="annotBouton" style="float:right;" onclick="AjoutAnnot()">

<img class="adminButton" src="Images/Icons/061-Plus-Icon.png" alt="Add" height="32"" />

</div>

<div style="float:left">

<span class="lblInfos">

<%=GetMessageEx(6795).Texte%></span>

<br />

<span>

<asp:Label ID="lblInfoPatient" runat="server">

</asp:Label>

</span>

</div>

<hr />

<div id="divListAnnot" style="float:left">

<telerik:RadListBox ID="lbAnnotations" PersistClientChanges="true"

runat="server" Visible="true" Height="170px" Width="450px"

DataValueField="annot_noauto" >

<ItemTemplate>

<div id="divListe" class="listeAnnot" runat="server">

<div id="btnModifier" class="editBouton" onclick="ModifAnnot();" runat="server">

<img class="adminButton" src="Images/Icons/Edit32.png" alt="Edit" height="32"/>

</div>

<div class="infoAnnot">

<div>

<telerik:RadCodeBlock ID="RadCodeBlock9" runat="server">