Grid with hyperlink to an image

[Vincent]

What is the correct way to have a column in a Telerik MVC Razor page that contains a link for a person to click and view an image in another window?

 

The images will be on a network directory share.  

Each row image location is passed in the data view model.

 

Something like <a href = "file://///ccijisdevbt01m\d$\pictures\Graffiti_London.jpg" target="_blank"> Link to image </a>

[Konstantin Dikov]

Hi Jim,

If you are binding your Grid with AJAX you can define custom template for the column through its ClientTemplate:

.Columns(columns =>
{
    columns.Bound(p => p.Title).ClientTemplate("<strong>#: Title #</strong>");

You can refer to the following help topic for additional information:

• http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/grid/faq#how-to-display-html-in-grid-columns

Hope this helps.


Regards,
Konstantin Dikov
Telerik by Progress

[Vincent]

Can you give me a client template sample  that will allow a person to clink on a href that links to image on a network share?

The location will be in a field in the model.

 

[Konstantin Dikov]

Hello Jim,

You should use something as the line below, but :

.ClientTemplate("<a href = 'file://///" + "#:ImageUrlField#" + "' target='_blank'> Link to image </a>")

You can also take a look at the following forum threads:

• http://stackoverflow.com/questions/18246053/how-can-i-create-a-link-to-a-local-file-on-a-locally-run-web-page/18246357 
• http://stackoverflow.com/questions/5796215/an-url-to-a-windows-shared-folder

Hope this helps.


Regards,
Konstantin Dikov
Telerik by Progress