When the following is set for a grid:
<ClientSettings EnablePostBackOnRowClick="true">
<Selecting AllowRowSelect="true" />
</ClientSettings>
and an image is in a grid cell, clicking on the image does nothing. Clicking in the grid cell outside of the image causes the row selection and postback as desired.
The image is not a button, it is just an image that represents a visual cue about the row of data for the user, in this case a picture of a lock.
The workaround we found in IE was to set the onclick of the image to onclick='this.parentElement.click();'
This causes the desired postback and row selection.
The problem? We noticed that in Chrome this approach doesn't work. I simply need a way of causing the built in row selection and postback just as if the user clicked in the surrounding td of the image.
I can get the desired behavior in Chrome by setting the image css pointer-events property to none.
Unfortunately, this disables all pointer behavior including tooltip popups.
<
telerik:RadEditor
ID
=
"rdtxtNotes"
runat
=
"server"
Width
=
"510px"
>
<
Tools
>
<
telerik:EditorToolGroup
>
<
telerik:EditorTool
Name
=
"FontName"
ShowIcon
=
"true"
/>
<
telerik:EditorTool
Name
=
"RealFontSize"
ShowIcon
=
"true"
Text
=
"10px"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
Name
=
"Bold"
ShowIcon
=
"true"
/>
<
telerik:EditorTool
Name
=
"Italic"
ShowIcon
=
"true"
/>
<
telerik:EditorTool
Name
=
"Underline"
ShowIcon
=
"true"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
Name
=
"JustifyLeft"
ShowIcon
=
"true"
/>
<
telerik:EditorTool
Name
=
"JustifyCenter"
ShowIcon
=
"true"
/>
<
telerik:EditorTool
Name
=
"JustifyRight"
ShowIcon
=
"true"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
Name
=
"InsertOrderedList"
ShowIcon
=
"true"
/>
<
telerik:EditorTool
Name
=
"InsertUnorderedList"
ShowIcon
=
"true"
/>
<
telerik:EditorTool
Name
=
"Indent"
ShowIcon
=
"true"
/>
<
telerik:EditorTool
Name
=
"Outdent"
ShowIcon
=
"true"
/>
<
telerik:EditorSeparator
/>
</
telerik:EditorToolGroup
>
</
Tools
>
<
Tools
>
<
telerik:EditorToolGroup
>
<
telerik:EditorTool
Name
=
"ForeColor"
ShowIcon
=
"true"
/>
<
telerik:EditorTool
Name
=
"BackColor"
ShowIcon
=
"true"
/>
<
telerik:EditorTool
Name
=
"InsertParagraph"
ShowIcon
=
"true"
/>
</
telerik:EditorToolGroup
>
</
Tools
>
</
telerik:RadEditor
>
<SharePoint>
<SafeControls>
<safeControl Assembly="Telerik.Web.UI, Version=2011.1.315.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Namespace="Telerik.Web.UI" TypeName="*" Safe="True" />
<safeControl Assembly="Telerik.Web.UI, Version=2011.1.315.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Namespace="Telerik.Web.Design" TypeName="*" Safe="True" />
</SafeControls>
</SharePoint>
<system.web>
<httpHandlers>
<remove verb="*" path="*.asmx" />
<add verb="*" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.Upload.RadUploadProgressHandler, Telerik.Web.UI" />
<add verb="*" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" />
<add verb="*" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" />
<add verb="*" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" validate="false" />
<add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" validate="false" />
</httpHandlers>
</system.web>
<system.WebServer>
<modules runAllManagedModulesForAllRequests="true">
<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule, Telerik.Web.UI" preCondition="managedHandler" />
</modules>
<handlers>
<remove name="ChartImage_axd" />
<remove name="Telerik_Web_UI_SpellCheckHandler_axd" />
<remove name="Telerik_Web_UI_DialogHandler_aspx" />
<remove name="Telerik_RadUploadProgressHandler_ashx" />
<remove name="Telerik_Web_UI_WebResource_axd" />
<add name="ChartImage_axd" path="ChartImage.axd" verb="*" type="Telerik.Web.UI.ChartHttpHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" preCondition="integratedMode" />
<add name="Telerik.Web.UI.SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" verb="*" type="Telerik.Web.UI.SpellCheckHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" preCondition="integratedMode" />
<add name="Telerik.Web.UI.DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" verb="*" type="Telerik.Web.UI.DialogHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" preCondition="integratedMode" />
<add name="Telerik.Web.UI.RadUploadProgressHanler_ashx" path="Telerik.Web.UI.RadUploadProgressHandler.ashx" verb="*" type="Telerik.Web.UI.RadUploadProgressHandler, Telerik.Web.UI" preCondition="integratedMode" />
<add name="Telerik.Web.UI.WebResource_axd" path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" />
</handlers>
<validation validateIntegrateModeConfiguration="false" />
</system.WebServer>
<assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
<dependentAssembly>
<assemblyIdentity name="Telerik.Web.UI" publicKeyToken="121fae78165ba3d4" />
<bindingRedirect oldVersion="1.0.0.0-x.x.x.20" newVersion="x.x.x.35" />
</dependentAssembly>
<dependentAssembly>
<assemblyIdentity name="Telerik.Web.Design" publicKeyToken="121fae78165ba3d4" />
<bindingRedirect oldVersion="1.0.0.0-x.x.x.20" newVersion="x.x.x.35" />
</dependentAssembly>
</assemblyBinding>
=======================================
Regards,
Phyrom
function
onClicking(sender, eventArgs) {
var
item = eventArgs.get_item();
var
navigateUrl = item.get_navigateUrl();
if
(navigateUrl && navigateUrl !=
"#"
) {
radopen(
null
,
"RadWindow1"
);
eventArgs.set_cancel(
true
);
}
}
<
telerik:RadMenu
ID
=
"RadMenu1"
runat
=
"server"
Style
=
"z-index: 4"
EnableRoundedCorners
=
"true"
EnableShadows
=
"true"
Skin
=
"WebBlue"
OnClientItemClicking
=
"onClicking"
/>
<
telerik:RadWindowManager
ID
=
"RadWindowManager1"
runat
=
"server"
EnableShadow
=
"true"
>
<
Windows
>
<
telerik:RadWindow
ID
=
"UserListDialog"
runat
=
"server"
Title
=
"Delivery details"
Height
=
"400px"
Width
=
"600px"
Left
=
"400px"
ReloadOnShow
=
"true"
ShowContentDuringLoad
=
"false"
Modal
=
"true"
/>
</
Windows
>
</
telerik:RadWindowManager
>
<
telerik:RadGrid
ID
=
"gridVers"
runat
=
"server"
AutoGenerateColumns
=
"False"
OnItemDataBound
=
"GridVers_ItemDataBound"
Width
=
"960px"
AllowSorting
=
"True"
OnItemCommand
=
"GridVers_ItemCommand"
OnNeedDataSource
=
"GridVers_NeedDataSource"
EnableViewState
=
"true"
AllowFilteringByColumn
=
"true"
OnItemCreated
=
"gridVers_OnItemCreated"
OnSortCommand
=
"GridVers_SortCommand"
GridLines
=
"None"
>
<
MasterTableView
DataKeyNames
=
"VerbatimId"
TableLayout
=
"Fixed"
UseAllDataFields
=
"true"
>
<
Columns
>
<
telerik:GridBoundColumn
UniqueName
=
"VerbatimMarked"
AllowFiltering
=
"true"
DataField
=
"IsMarkedDisplay"
HeaderText
=
"Marked"
>
<
ItemStyle
HorizontalAlign
=
"Center"
/>
<
HeaderStyle
Width
=
"50px"
HorizontalAlign
=
"Center"
Font-Underline
=
"true"
/>
<
FilterTemplate
>
<
telerik:RadComboBox
runat
=
"server"
Width
=
"50px"
ID
=
"rcbFilterMarked"
></
telerik:RadComboBox
>
</
FilterTemplate
>
</
telerik:GridBoundColumn
>
<
telerik:GridTemplateColumn
UniqueName
=
"VerbatimId"
AllowFiltering
=
"true"
SortExpression
=
"VerbatimId"
HeaderStyle-Width
=
"75px"
HeaderText
=
"ID"
DataField
=
"VerbatimId"
>
<
FilterTemplate
>
<
telerik:RadComboBox
runat
=
"server"
Width
=
"75px"
ID
=
"rcbFilterLinkId"
></
telerik:RadComboBox
>
</
FilterTemplate
>
<
ItemTemplate
>
<
asp:LinkButton
ID
=
"lnkVerbatim"
style
=
"text-decoration: underline;"
CommandName
=
"DetailVerbatim"
runat
=
"server"
Text='<%# Eval("VerbatimId")%>'>
</
asp:LinkButton
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"VerbatimText"
AllowFiltering
=
"true"
DataField
=
"VerbatimText"
HeaderText
=
"Verbatim"
DataType
=
"System.String"
>
<
FilterTemplate
>
<
asp:TextBox
runat
=
"server"
ID
=
"txtFilterText"
></
asp:TextBox
>
</
FilterTemplate
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"Specialty"
AllowFiltering
=
"true"
HeaderStyle-Width
=
"60px"
DataField
=
"Specialty"
HeaderText
=
"Spec"
DataType
=
"System.String"
>
<
FilterTemplate
>
<
telerik:RadComboBox
runat
=
"server"
Width
=
"60px"
ID
=
"rcbFilterSpec"
></
telerik:RadComboBox
>
</
FilterTemplate
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"ContactDate"
AllowFiltering
=
"true"
HeaderStyle-Width
=
"80px"
DataField
=
"ContactDate"
HeaderText
=
"DT"
DataFormatString
=
"{0:MM/dd/yyyy}"
DataType
=
"System.DateTime"
>
<
FilterTemplate
>
<
telerik:RadComboBox
runat
=
"server"
Width
=
"80px"
ID
=
"rcbFilterContact"
></
telerik:RadComboBox
>
</
FilterTemplate
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"State"
AllowFiltering
=
"true"
HeaderStyle-Width
=
"30px"
DataField
=
"State"
HeaderText
=
"State"
DataType
=
"System.String"
>
<
FilterTemplate
>
<
telerik:RadComboBox
runat
=
"server"
Width
=
"30px"
ID
=
"rcbFilterState"
AutoPostBack
=
"true"
OnSelectedIndexChanged
=
"FilterCombo_SelectedIndexChanged"
></
telerik:RadComboBox
>
</
FilterTemplate
>
</
telerik:GridBoundColumn
>
</
Columns
>
</
MasterTableView
>
<
ClientSettings
EnableRowHoverStyle
=
"true"
>
<
Scrolling
AllowScroll
=
"True"
ScrollHeight
=
"400px"
UseStaticHeaders
=
"True"
/>
<
ClientEvents
OnGridCreated
=
"GridCreated"
/>
</
ClientSettings
>
</
telerik:RadGrid
>