How to add an Image to a Doc Type in Umbraco 8

Step by Step How to a Image to a Doc Type in Umbraco 8.

Step 1. Login to the back end of your Umbraco 8 Website

Step 2. Navigate to the Doc Type you would like to add your image to,
Settings>Document Types>**YourChosenDocType*

Step 3. Add a New property to your Doc Type, Give it a Name a Description and Choose the Image Editor From the selection of editors. Click Submit and then Save and Publish 

Step 4. Now Navigate to the page you have added your new property to in my case its the home page.
Content>Home, Now fill in the field for your new property with a image. and Click Save and Publish.

Step 5. Next you need to go into the page view file in Visual Studio. YourSiteName>Views>*YourChosenPage*

Step 6. Add the following code into the page where you would like your image displayed. And Be sure to Change where i have typed YOURALIAS to your actually property alias.

@if (Model.YOURALIAS != null)
{
<img src="@Model.YOURALIAS .Url" /> 
}

Step 7. Save your work and reload your Website. If you followed along correctly you will now have a image on your page in your desired location.

About the author

Nathan Reece

.Net MVC Developer | Umbraco Novice

Hey Guys,

I'm an New Developer with a passion for coding. I absolutely love working with Umbraco CMS and appreciate the Umbraco community even more.

I've got 3 years+ .Net experience and 5 years+ experience working in the Web Develepment industry, both coding and marketing job websites. I wanted to use my skills to help give something back to this awesome community and UmbraJobs.com seems like the right place to do just that.

Follow me on social media

If you're an Umbraco professional, partner, employer, recruiter or a passionate Umbraco community builder then I'm more than happy to hear from you. Follow me on my social media channels and please reach out if you have any needs, want help or consultation with anything Umbraco related or just want a general chat.