Hi Stein,
Please have a look into the sample code snippet to achieve your scenario.
ASPX:
<
telerik:RadTileList
runat
=
"server"
DataSourceID
=
"SqlDataSource1"
ID
=
"RadTileList1"
OnClientTileSelecting
=
"showContxtMenu"
SelectionMode
=
"Multiple"
AppendDataBoundItems
=
"true"
Width
=
"1005px"
TileRows
=
"4"
>
<
DataBindings
>
<
CommonTileBinding
TileType
=
"RadImageAndTextTile"
Shape
=
"Square"
DataGroupNameField
=
"ContactTitle"
/>
<
ImageAndTextTileBinding
DataTextField
=
"ContactName"
/>
</
DataBindings
>
<
Groups
>
<
telerik:TileGroup
Name
=
"Sales Manager"
>
<
telerik:RadContentTemplateTile
ID
=
"RadContentTemplateTile1"
runat
=
"server"
Shape
=
"Square"
CssClass
=
"noHover"
>
<
ContentTemplate
>
<
div
class
=
"groupHeadingTitle"
>
<
div
class
=
"innerTitle"
>
Sales<
br
/>
Managers</
div
>
</
div
>
</
ContentTemplate
>
</
telerik:RadContentTemplateTile
>
</
telerik:TileGroup
>
</
Groups
>
</
telerik:RadTileList
>
<
telerik:RadContextMenu
ID
=
"RadContextMenu1"
runat
=
"server"
>
<
Items
>
<
telerik:RadMenuItem
Text
=
"View"
>
</
telerik:RadMenuItem
>
<
telerik:RadMenuItem
Text
=
"Edit"
>
</
telerik:RadMenuItem
>
</
Items
>
</
telerik:RadContextMenu
>
JavaScript:
function
showContxtMenu(sender, args) {
var
x = parseInt(args._tile._element.offsetLeft) + 50;
var
y = parseInt(args._tile._element.offsetTop) + 70;
$find(
"<%=RadContextMenu1.ClientID%>"
).showAt(x, y);
if
(args._tile._text ==
"Palle Ibsen"
) {
$find(
"RadContextMenu1"
).findItemByText(
"Edit"
).hide();
$find(
"RadContextMenu1"
).findItemByText(
"View"
).show();
}
else
{
$find(
"RadContextMenu1"
).findItemByText(
"Edit"
).show();
$find(
"RadContextMenu1"
).findItemByText(
"View"
).hide();
}
}
Thanks,
Princy.