Hi Owain,

Sorry for the Razor examples being a bit out of date. I thought for sure I had updated them with the latest release.

Here is an updated example:

@using Skybrud.Social.Instagram
@using Skybrud.Social.Instagram.Objects
@using Skybrud.Social.Instagram.Responses
@using Skybrud.Social.Umbraco.Instagram.PropertyEditors.OAuth
@inherits Umbraco.Web.Mvc.UmbracoViewPage
@{

    // Get the OAuth information stored in the property
    InstagramOAuthData instagram = Model.GetPropertyValue("instagram") as InstagramOAuthData;

    // Check whether the OAuth data is valid
    if (instagram != null && instagram.IsValid) {

        // Gets an instance of InstagramService based on the OAuth data
        InstagramService service = instagram.GetService();

        // Gets information about the authenticated user
        InstagramUserResponse self = service.Users.GetSelf();

        // Get recent media from the authenticated user
        InstagramRecentMediaResponse recent = service.Users.GetRecentMedia(self.Body.Data.Id);

        <fieldset>
            <legend>Instagram</legend>
            <p>@(self.Body.Data.FullName ?? self.Body.Data.Username) (ID: @self.Body.Data.Id)</p>
            <hr />
            @foreach (InstagramMedia media in recent.Body.Data) {
                <img src="@media.Thumbnail" alt="@media.CaptionText" />
            }
        </fieldset>

    }

}

Thanks Anders,

I've placed the partial view within the Views\Partials folder is that correct?

Then on my homepage masterpage I have put @Html.Partial("instagram") but nothing is showing on my site - obviously I've made a mistake somwhere!

I've also installed the Skybrud package and created the new document type and entered all my instagram developer details.

if (instagram != null && instagram.IsValid)

Is returning null, so this is obviously where it's failing, what could cause this?

Hi again,

That seems right. Actually when writing @Html.Partial("instagram"), ASP.NET will look for an instagram.cshtml in a number of folders, where ~/Views/Partials/ is one of them. So that part should be okay.

Just to rule things out, I have a few questions to your solution/site:

• What is the alias of your property? If you call Model.GetPropertyValue("instagram"), the alias of your property should be instagram.

• Is the page you're viewing the same as the page the property has been added on? Depending on your use case, you may have added the property to the root page, but trying to use it on a sub page. My example just assumes the property has been added to the page being viewed, so if that this isn't the case, you should adjust the example a bit.

Thanks for your continued help with this!

I'll try and explain my setup.

I have a master.cshtml, a homepage.cshtml and the instagram.cshtml

Views

• Homepage.cshtml
• master.cshtml

Partials

• instagram.cshtml

In my master, I call

@Html.Partial("instagram")

and this successfully finds my instagram.cshtml file within the partials folder. I know this because I put a breakpoint in and stepped through the process.

I think I must be missing a fundamental thing here. I am trying to run it on localhost, would that be a problem? I've called the datatype instagram.

Sorry about this!

Think I have found the issue. I hadn't added the instagram property to my homepage!

If I get a chance, I'll put some instructions together to help others in the future. :)

I made the same steps, but I've always a null value from this:

InstagramOAuthData instagram = CurrentPage.GetPropertyValue<InstagramOAuthData>("instagramStream");

I'm sure 100% that field and alias are correct and in the page. The code is into a partial view.

is working on a reply...