Join us this Friday for AI in Action at the Virtual Happy Hour! This free virtual event is open to all—enroll now on Academy and don’t miss out.
AI OnAI Off
Alt text in an image (MVC Views)
You could do something like this:
@Html.PropertyFor(x => x.Image, new { AltText = "something" })
and then in your image display template (typically image.cshtml):
<img src="@Url.ContentUrl(Model)" alt="@ViewBag.AltText" />
Edited,
Apr 04, 2014 13:57
Do you have any DisplayTemplate for `Url` model?
One of the possibility to implement this is to have a specific display template for `EPiServer.Url` property.
Page type definition:
[UIHint(UIHint.Image)]
[Display(Name = "Image url", Order = 10)]
public virtual Url ImageUrl { get; set; }
Display template (usually located at /Views/Shared/DisplayTemplates/Image.cshtml):
@model EPiServer.Url
@if (Model != null && !Model.IsEmpty())
{
<img src="@Model" alt="@(ViewData.ContainsKey("alt") ? ViewData["alt"] : string.Empty)"/>
}
Usage in view:
@Html.PropertyFor(x => Model.CurrentBlock.MainImage, new { alt = "jellycat" })
Apr 04, 2014 14:00
Thanks everyone for your responses. I've implements Per's solution which is working nicely.
Thanks for all the help - much appreciated
Apr 04, 2014 15:31
This topic was created over six months ago and has been resolved. If you have a similar question, please create a new topic and refer to this one.
Hi all
I'm trying to do something that I thought would be sinmple bu tisn't. I have a contentreference property with an image ui hint. I want to display this in a view with another page property that represents its alt text. I have
The image comes out bu the alt text doesn't. I undetsand why - the second param is for specific functionality - custom tags.
So hiow to do it. I could write it out manually then pwerhaps put into a display template with a suitable model but then what is the best way to get the contentreference to the image url. Is there a helper availabel in the View to do this?
Please help - i'm being frustrated by a simple task
Thanks