or
<
rad:RadGrid
ID
=
"myRadGrid"
runat
=
"server"
>
<
MasterTableView
CommandItemDisplay
=
"Top"
CommandItemSettings-ShowAddNewRecordButton
=
"false"
>
</
MasterTableView
>
</
rad:RadGrid
>
<
div
id
=
"allNewsTop"
class
=
"allNews"
>
<
div
id
=
"newsDiv1"
class
=
"newsItem"
runat
=
"server"
>
<
asp:Image
ID
=
"Image1"
runat
=
"server"
/>
<
br
/>
<
asp:HyperLink
ID
=
"HyperLink1"
runat
=
"server"
></
asp:HyperLink
>
<
p
id
=
"desc1"
runat
=
"server"
></
p
>
</
div
>
<
div
id
=
"newsDiv2"
class
=
"newsItem"
runat
=
"server"
>
<
asp:Image
ID
=
"Image2"
runat
=
"server"
/>
<
br
/>
<
asp:HyperLink
ID
=
"HyperLink2"
runat
=
"server"
></
asp:HyperLink
>
<
p
id
=
"desc2"
runat
=
"server"
></
p
>
</
div
>
<
div
id
=
"newsDiv3"
class
=
"newsItem"
runat
=
"server"
>
<
asp:Image
ID
=
"Image3"
runat
=
"server"
/>
<
br
/>
<
asp:HyperLink
ID
=
"HyperLink3"
runat
=
"server"
></
asp:HyperLink
>
<
p
id
=
"desc3"
runat
=
"server"
></
p
>
</
div
>
</
div
>
<
div
id
=
"allNewsBottom"
class
=
"allNews"
>
<
div
id
=
"newsDiv4"
class
=
"newsItem"
runat
=
"server"
>
<
asp:Image
ID
=
"Image4"
runat
=
"server"
/>
<
br
/>
<
asp:HyperLink
ID
=
"HyperLink4"
runat
=
"server"
></
asp:HyperLink
>
<
p
id
=
"desc4"
runat
=
"server"
></
p
>
</
div
>
<
div
id
=
"newsDiv5"
class
=
"newsItem"
runat
=
"server"
>
<
asp:Image
ID
=
"Image5"
runat
=
"server"
/>
<
br
/>
<
asp:HyperLink
ID
=
"HyperLink5"
runat
=
"server"
></
asp:HyperLink
>
<
p
id
=
"desc5"
runat
=
"server"
></
p
>
</
div
>
<
div
id
=
"newsDiv6"
class
=
"newsItem"
runat
=
"server"
>
<
asp:Image
ID
=
"Image6"
runat
=
"server"
/>
<
br
/>
<
asp:HyperLink
ID
=
"HyperLink6"
runat
=
"server"
></
asp:HyperLink
>
<
p
id
=
"desc6"
runat
=
"server"
></
p
>
</
div
>
</
div
>
.newsItem
{
width
:
220px
;
height
:
225px
;
float
:
left
;
margin-left
:
5px
;
margin-top
:
5px
;
border
:
1px
solid
white
;
padding-left
:
5px
;
}
.allNews
{
padding-left
:
8px
;
}
.searchLists
{
width
:
689px
;
height
:
50px
;
margin-left
:
13px
;
}
#sourceSearch
{
width
:
335px
;
padding-left
:
5px
;
float
:
left
;
padding-top
:
2px
;
}
#teamSearch
{
width
:
335px
;
padding-left
:
5px
;
padding-top
:
2px
;
float
:
right
;
}
.newsItem img
{
padding-left
:
10px
;
padding-top
:
10px
;
padding-bottom
:
10px
;
width
:
130px
;
height
:
70px
;
}
.newsItem a
{
padding-bottom
:
10px
;
padding-right
:
5px
;
}
.newsItem p
{
padding-right
:
5px
;
}
columns.Template(
@<text>
<img alt="@item.CountryIcon" style='width:30px;height:auto' src="@Url.Content("http://url.com/" + item.CountryIcon) "/>
</text>).Title(
"Icon_2").Width(30);
columns.Bound(b => b.CountryIcon)
.ClientTemplate(
" <img alt='<#= CountryIcon #>' style='width:30px;height:auto' src=" + Url.Content("http://url.com/") + "<#= CountryIcon #> />")
.Title(
"Icon").Width(30);
The problem with the client template code is that the image is not shown on page load and only after the Ajax call is made.