Hi
In my application we use radgrid controls. In this case, the grid looks different in IE9. the content of some cells looks incomplete. the grid looks fine in IE7 but It isn't in IE9.
The code apsx :
<telerik:RadGrid ID="RadGrid2" runat="server" AllowPaging="True"
AutoGenerateColumns="False" PagerStyle-AlwaysVisible="true" AllowSorting="true"
DataMember="Alumnos" GridLines="None" AllowMultiRowSelection="True">
<ClientSettings EnableRowHoverStyle="true">
<Selecting AllowRowSelect="True" />
<Scrolling AllowScroll="True" UseStaticHeaders="true"></Scrolling>
</ClientSettings>
<HeaderContextMenu EnableEmbeddedSkins="False"></HeaderContextMenu>
<PagerStyle AlwaysVisible="True"></PagerStyle>
<MasterTableView DataMember="Alumnos" CommandItemDisplay="Top" TableLayout="Auto">
<CommandItemTemplate>
</CommandItemTemplate>
<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>
<Columns>
<telerik:GridTemplateColumn HeaderStyle-Width="30px" HeaderText="">
<HeaderTemplate>
<asp:CheckBox ID="chkAll" runat="server" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkSelection" runat="server"></asp:CheckBox>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="MatriculaFichaId" UniqueName="MatriculaFichaId" Visible="false">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderStyle-Width="65px" HeaderText="Matricula No." SortExpression="MatriculaFichaNo">
<ItemTemplate>
<a id="lnkMatriculaFicha" href="javascript:showMatriculaFicha(<%# Eval("MatriculaFichaId") %>)">
<%
# Eval("MatriculaFichaNo")%></a>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderStyle-Width="50px" HeaderText="Codigo Alumno" SortExpression="CodigoAlumnoNo">
<ItemTemplate>
<a id="lnkAlumno" href="javascript:showAlumno(<%# Eval("CodigoAlumnoId") %>)">
<%
# Eval("CodigoAlumnoNo")%></a>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="Departamento" HeaderText="Departamento" HeaderStyle-Width="60px"
UniqueName="column1">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Provincia" HeaderText="Provincia" HeaderStyle-Width="115px"
UniqueName="column2">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="FechaMatricula" HeaderText="Fecha de Matricula" HeaderStyle-Width="65px"
UniqueName="FechaMatricula">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderStyle-Width="130px" HeaderText="Alumno" SortExpression="Alumno">
<ItemTemplate>
<a id="lnkAlumno" href="javascript:showAlumno(<%# Eval("CodigoAlumnoId") %>)">
<%
# Eval("Alumno")%></a>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="Apoderado" HeaderText="Apoderado" HeaderStyle-Width="115px"
UniqueName="column5">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Departamento" HeaderText="Departamento" HeaderStyle-Width="60px"
UniqueName="column6">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Grado" HeaderText="Grado" HeaderStyle-Width="45px"
UniqueName="column7">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Seccion" HeaderStyle-Width="45px"
HeaderText="Seccion" UniqueName="column9">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderText="Repitente" HeaderStyle-Width="30px" SortExpression="Repitente" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:CheckBox ID="chkRepitente" runat="server" Checked='<%# Eval("Repitente")=="1"?true:false %>' Enabled="false"/>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="DNI" HeaderStyle-Width="75px" SortExpression="DNI">
<ItemTemplate>
<a id="lnkDNI" href="javascript:showDNI(<%# Eval("DNIID") %>)">
<%
# Eval("DNI")%></a>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="Departamento" HeaderText="Departamento" HeaderStyle-Width="70px"
UniqueName="column10">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Estado" HeaderText="Estado" HeaderStyle-Width="60px"
UniqueName="column">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Fecha1" HeaderText="Fecha 1" HeaderStyle-Width="65px"
UniqueName="AssignedDate">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Fecha2" HeaderText="Fecha 2" HeaderStyle-Width="65px"
UniqueName="OutgateDate">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Fecha3" HeaderText="Fecha 3" HeaderStyle-Width="65px"
UniqueName="ExpirationDate">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Profesor" HeaderText="Profesor" HeaderStyle-Width="50px"
UniqueName="column14">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Price" HeaderText="Precio" HeaderStyle-Width="40px"
UniqueName="column15">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderText="Contacto" HeaderStyle-Width="80px" SortExpression="Contacto">
<ItemTemplate>
<a href="#" onclick="showCustomerContactDetails('<%# Eval("Contacto")%>')">
<%# Eval("Contacto")%></a>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="Usuario" HeaderText="Usuario" HeaderStyle-Width="80px"
UniqueName="column17">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="NumeroReferencia" HeaderText="Numero de Referencia." HeaderStyle-Width="70px"
UniqueName="column18">
</telerik:GridBoundColumn>
</Columns>
<EditFormSettings>
<EditColumn InsertImageUrl="Update.gif" UpdateImageUrl="Update.gif" EditImageUrl="Edit.gif" CancelImageUrl="Cancel.gif"></EditColumn>
</EditFormSettings>
<PagerStyle AlwaysVisible="True"></PagerStyle>
</MasterTableView>
<FilterMenu EnableEmbeddedSkins="False"></FilterMenu>
</telerik:RadGrid>
DataTable
dtTable2 = new DataTable("Alumnos");
dtTable2.Columns.Add(
"MatriculaFichaId", typeof(int));
dtTable2.Columns.Add(
"MatriculaFichaNo", typeof(string));
dtTable2.Columns.Add(
"CodigoAlumnoId", typeof(int));
dtTable2.Columns.Add(
"CodigoAlumnoNo", typeof(string));
dtTable2.Columns.Add(
"DNI", typeof(string));
dtTable2.Columns.Add(
"Departamento", typeof(string));
dtTable2.Columns.Add(
"Provincia", typeof(string));
dtTable2.Columns.Add(
"FechaMatricula", typeof(DateTime));
dtTable2.Columns.Add(
"Alumno", typeof(string));
dtTable2.Columns.Add(
"AlumnoId", typeof(int));
dtTable2.Columns.Add(
"Apoderado", typeof(string));
dtTable2.Columns.Add(
"Grado", typeof(string));
dtTable2.Columns.Add(
"Seccion", typeof(string));
dtTable2.Columns.Add(
"Repitente", typeof(string));
dtTable2.Columns.Add(
"DNIID", typeof(int));
dtTable2.Columns.Add(
"Estado", typeof(string));
dtTable2.Columns.Add(
"Fecha1", typeof(DateTime));
dtTable2.Columns.Add(
"Fecha2", typeof(DateTime));
dtTable2.Columns.Add(
"Fecha3", typeof(DateTime));
dtTable2.Columns.Add(
"Profesor", typeof(string));
dtTable2.Columns.Add(
"Precio", typeof(string));
dtTable2.Columns.Add(
"Contacto", typeof(string));
dtTable2.Columns.Add(
"Usuario", typeof(int));
dtTable2.Columns.Add(
"NumeroReferencia", typeof(string));
dtTable2.Rows.Add(88,
"TO0001069", 45, "965","08454584","LIMA", "LIMA",
DataHelper.GetDateTime("01/01/2012"),
"Jorge Ramos", 2, "Julio Cesar Uribe","5to", "A", "1", 1234,
"xxxxx", DataHelper.GetDateTime("15/01/2012"),
DataHelper.GetDateTime("20/01/2012"),
DataHelper.GetDateTime("25/01/2012"),
"Hugo Velazquez", "789", "Ximena Lino", 23, "75454-4454");
DataSet dstAlumnos= new DataSet();
dstAlumnos.Tables.Add(dtTable2);
RadGrid2.DataSource = dstAlumnos;
RadGrid2.DataBind();
Nota: We use 2012.1.411.35
We have an issue were certain names are triggering spell check and the customer does not want this. We see there are parameters to exclude URL’s, email addresses, uppercase, etc. What we don’t see is the ability to create a custom text string exclusion list. Do any of your newer tools support this functionality, or is there a way to handle this in our current version with a code tweak? Can you provide me test code that provide ignore specific text or names from spell check.
<
telerik:RadAjaxManager
ID
=
"ramTicket"
runat
=
"server"
DefaultLoadingPanelID
=
"ralpPrivate"
OnAjaxRequest
=
"ramTicket_AjaxRequest"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"rsAppointments"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlAppointments"
UpdatePanelRenderMode
=
"Inline"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgUnassignedAppointments"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgMyAppointments"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"rgUnassignedAppointments"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlAppointments"
UpdatePanelRenderMode
=
"Inline"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"rsAppointments"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgMyAppointments"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"ramTicket"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"panTicketList"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"panTicket"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlAppointments"
UpdatePanelRenderMode
=
"Inline"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"rttAppointments"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgUnassignedAppointments"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgMyAppointments"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
// Check the subscribe function availability before we subscribe
if
(
typeof
SubscribeToWindowClose ==
"function"
) {
SubscribeToWindowClose(
"EditTicket"
, OnClose);
SubscribeToWindowClose(
"AddAppointment"
, OnClose);
SubscribeToWindowClose(
"UpdateTicketProgress"
, OnClose);
SubscribeToWindowClose(
"EditClient"
, OnClose);
SubscribeToWindowClose(
"EditSystem"
, OnClose);
//See if this works
}
// The subscribed close function for the EditTicket window
function
OnClose(sender, args) {
if
(args) grid_rowclick();
var
ramTicket = $find(
'<%= ramTicket.ClientID %>'
);
ramTicket.ajaxRequest(
'Rebind: '
+ args);
}
Imports
System
Imports
System.Collections
Imports
System.ComponentModel
Imports
System.Data
Imports
System.Drawing
Imports
System.IO
Imports
System.Web
Imports
System.Web.SessionState
Imports
System.Web.UI
Imports
System.Web.UI.WebControls
Imports
System.Web.UI.HtmlControls
Imports
Telerik.Web.UI
Imports
System.Data.SqlClient
Imports
Telerik.Web.UI.Upload
Public
Class
UploadImgProfile
Inherits
RadAjaxPage
Public
_image
As
String
#Region "routine"
Private
Sub
update_image(
ByVal
idutente
As
Int32,
ByVal
image
As
String
)
Try
Dim
conString = ConfigurationManager.ConnectionStrings(
"TrycontactString"
)
Dim
strConnString
As
String
= conString.ConnectionString
Using db
As
New
SqlConnection(strConnString)
db.Open()
Using sqlcmd
As
New
SqlCommand(
"Sp_update_imageprofile"
, db)
sqlcmd.CommandType = CommandType.StoredProcedure
sqlcmd.Parameters.AddWithValue(
"@id"
, SqlDbType.Int).Value = idutente
sqlcmd.Parameters.AddWithValue(
"@imageprofile"
, SqlDbType.VarChar).Value = image
sqlcmd.ExecuteNonQuery()
End
Using
End
Using
Catch
ex
As
SqlException
Exit
Sub
Catch
ex
As
Exception
Exit
Sub
End
Try
End
Sub
#End Region
Protected
Sub
Imgbtnesci_Click(sender
As
Object
, e
As
System.Web.UI.ImageClickEventArgs)
Handles
Imgbtnesci.Click
ClientScript.RegisterStartupScript(
Me
.
GetType
,
"closeWindow"
,
"<script type='text/javascript'>GetRadWindow().close('"
& ViewState(
"DirImage"
) &
"')</script>"
)
End
Sub
Protected
Sub
CustomValidator1_ServerValidate(source
As
Object
, e
As
System.Web.UI.WebControls.ServerValidateEventArgs)
Handles
CustomValidator1.ServerValidate
e.IsValid = (RadUpload1.InvalidFiles.Count = 0)
End
Sub
Protected
Sub
Imgbtnupload_Click(sender
As
Object
, e
As
System.EventArgs)
Handles
Imgbtnupload.Click
If
RadUpload1.UploadedFiles.Count > 0
Then
ViewState(
"DirImage"
) =
"/image/image_utenti/"
& RadUpload1.UploadedFiles.Item(0).FileName
update_image(Session.Item(
"idutente"
), ViewState(
"DirImage"
))
Label1.Text =
"File caricato: "
& RadUpload1.UploadedFiles.Item(0).FileName &
"("
& RadUpload1.UploadedFiles.Item(0).ContentLength &
" "
&
"bytes)"
Else
Label1.Visible =
True
End
If
End
Sub
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadAjaxManager
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"Imgbtnupload"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"form1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
div
style
=
"font-family: Verdana; font-size: small; background-image: url('Image/Upload.jpg'); background-repeat: no-repeat; width: 350px; height: 230px"
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
Runat
=
"server"
Skin
=
"Simple"
HorizontalAlign
=
"Center"
Width
=
"350px"
BorderColor
=
"#D5842B"
BorderStyle
=
"Double"
BorderWidth
=
"1px"
>
</
telerik:RadAjaxLoadingPanel
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
Runat
=
"server"
>
</
telerik:RadScriptManager
>
<
div
>
<
telerik:RadAjaxPanel
ID
=
"RadAjaxPanel1"
runat
=
"server"
height
=
"230px"
width
=
"300px"
HorizontalAlign
=
"NotSet"
ClientEvents-OnRequestStart
=
"conditionalPostback"
>
<
table
style
=
"border: 0px; margin: 0px; padding: 0px; width: 350px;"
>
<
tr
>
<
td
style
=
"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center; "
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center; height:23px"
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center; height:23px"
>
<
asp:Label
ID
=
"Label1"
runat
=
"server"
Text
=
"Nessun file caricato"
ForeColor
=
"Green"
></
asp:Label
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: left; vertical-align: top; height: 50px"
>
<
telerik:RadUpload
ID
=
"RadUpload1"
Runat
=
"server"
AllowedFileExtensions
=
"jpg,jpeg,png,gif"
OverwriteExistingFiles
=
"True"
TargetFolder
=
"public/image_profile"
ControlObjectsVisibility
=
"None"
InputSize
=
"40"
Height
=
"22px"
style
=
"text-align: left"
Skin
=
"Sunset"
Width
=
"343px"
>
<
Localization
Select
=
"Cerca"
/>
</
telerik:RadUpload
>
<
div
style
=
"font-size:x-small"
>
<
div
style
=
"text-align:center"
>
<
asp:Label
ID
=
"Label2"
runat
=
"server"
Text
=
"Il file deve avere le seguenti estensioni: .jpg, .jpeg, .png"
></
asp:Label
>
<
br
/>
<
asp:Label
ID
=
"Label3"
runat
=
"server"
Text
=
"Per avere un'ottima risoluzione si consigliano queste dimenrsioni: 128x127 pixel"
></
asp:Label
>
<
br
/>
<
asp:CustomValidator
ID
=
"CustomValidator1"
runat
=
"server"
ClientValidationFunction
=
"validateRadUpload"
ErrorMessage
=
"File errato o non selezionato"
Font-Bold
=
"True"
ForeColor
=
"Red"
OnServerValidate
=
"CustomValidator1_ServerValidate"
></
asp:CustomValidator
>
</
div
>
</
div
>
<
telerik:RadCodeBlock
ID
=
"RadCodeBlock1"
runat
=
"server"
>
<
script
type
=
"text/javascript"
>
function conditionalPostback(sender, args) {
if(args.get_eventTarget() == "<%= imgbtnupload.UniqueID %>") {
args.set_enableAjax(false);
//var panel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");
//var divElementStyle = panel.get_element().style;
//divElementStyle.position = 'absolute';
//divElementStyle.left = args.get_eventTargetElement().offsetLeft + args.get_eventTargetElement().offsetWidth + "px";
//divElementStyle.top = args.get_eventTargetElement().offsetTop + "px";
//currentUpdatedControl = "<%= RadUpload1.ClientID %>";
//panel.show(currentUpdatedControl);
}
}
function validateRadUpload(source, e) {
e.IsValid = false;
var upload = $find("<%= RadUpload1.ClientID %>");
var inputs = upload.getFileInputs();
for (var i = 0; i <
inputs.length
; i++) {
//check for empty string or invalid extension
if (inputs[i].value != "" && upload.isExtensionValid(inputs[i].value)) {
e.IsValid
=
true
;
break;
}
}
}
function GetRadWindow() {
var
oWindow
=
null
;
if (window.radWindow)
oWindow
=
window
.radWindow;
else if (window.frameElement.radWindow)
oWindow
=
window
.frameElement.radWindow;
return oWindow;
}
</script>
</
telerik:RadCodeBlock
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center; height:10px"
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center; height:10px"
>
<
telerik:RadButton
ID
=
"Imgbtnupload"
runat
=
"server"
Skin
=
"Sunset"
Text
=
"Carica immagine"
Width
=
"120px"
>
</
telerik:RadButton
>
</
td
>
</
tr
>
</
table
>
</
telerik:RadAjaxPanel
>
<
div
style
=
"width: 344px; text-align:center"
>
<
asp:ImageButton
ID
=
"Imgbtnesci"
runat
=
"server"
ImageUrl
=
"~/Image/esci1.png"
ValidationGroup
=
"esci"
/>
</
div
>
</
div
>
</
div
>
</
form
>