Questions on UI for ASP.NET AJAX Forum

3 answers

69 views

I have rad grid with item template containing rad control editor. It is used in dot net framework 4.0. The color of editor is showing grey and it is non editable in safari, Firefox and chrome.

I tried setting external css using ContentAreaCss but it is not working.
Also, changed the ContentAreaMode to Div but it is not working.

Please provide a solution to make it work in all browsers.

Grid

answered on 14 Nov 2012

2 answers

85 views

Getting FilterExpression Before Grid Bind

I have a RadGrid that gets it's data from a WCF data service that returns a DataTable. I'm using the grid's bulit in filtering ( RadFilter) amd I need to get the filter expression BEFORE the call to the data service. I can only seem to get the FilterExpression after the grid binds.

Grid

answered on 14 Nov 2012

1 answer

171 views

as EditTemplate in dynamically created RadGrid

I would appreciate help in getting following scenario working:

On Page_Init, RadGrid is created, with GridTemplateColumn. For this column, I need RadAutoCompleteBox in its EditItemTemplate.

1. Since EditItemTemplate does not exist untill Edit button is clicked ( "Unable to cast object of type 'Util.MyRadAutoCompleteTemplate' to type 'System.Web.UI.IBindableTemplate'"), I set the custom template as ItemTemplate.

2. When ItemTemplate is created (Page_Init), I set the DataSource

3. I tried both InputTypes, text and token

4. ViewState is enabled

Result is no lookup happens. I read about supplying the input text to data source query on the Page_Load manually, however I don't see this working with a dynamically created RadGrid.

Previous attempt includes, creating empty GridTemplateColumn on Page_Init, and adding RadAutoCompleteBox on grid_ItemCreated if in edit mode. In this scenario, item is populated correctly on load, I am able to set selected value on edit item, but main problem still remains, querying does not work.

Thanks.

AutoCompleteBox

answered on 14 Nov 2012

1 answer

193 views

UserControl Tooltip

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">