Hi Glen,

If I see your code you now add for each child a new model instance. So if you have 10 children your modal html will be added 10 times to your document. This can cause problems because you have the same id for all of your modals.

A better solution would be to load the partial on your page once and then using jQuery for example open the modal and populate the fields using a ajax call and the Umbraco API.

So load in the modal on your page:

@Html.Action("modalFormUpdate", "ArticleFormSurface")

Then in your foreach you could have a hyperlink where the href attribute contains the id of your IPublishedContent to pass in to your modal:

<a class="open-btn" href="#@page.Id">
   Update
</a>

Assign click event to the hyperlinks to get the id do an ajax call, populate the modal fields and show the model:

$('.open-btn').click(function(e) {
   e.preventDefault;

   var docId = $(this).attr('href').split('#')[1];

   // do ajax call and populate fields

  // Open modal
  $('.articleUpdateModal').modal('show');
});

Hope this helps!

/Michaël