Hi all,

I am creating a little portfolio site to try and learn umbraco 7, Razor & MVC and I have run into a little issue. The version I am working with is 7.3.0. Its a single layout website where I have used partial views to populate each section of the homepage e.g. CarouselSection, AboutSection, ContactSection etc.

I have followed the surfaceController video on Umbraco TV (http://umbraco.tv/videos/developer/fundamentals/surface-controllers/introduction/) and I have the following set up

Surface Controller

 [HttpPost]
    public ActionResult Submit(ContactFormViewModel model)
    {
        //check that all mandatory fields have values and they are well formed
        //if not lets return the current page and display validation errors
        if (!ModelState.IsValid)
        {
            return CurrentUmbracoPage();
        }

        //send email but save in a PickupDirectoryLocation for now (set in web config)
        var message = new MailMessage();
        message.To.Add("[email protected]");
        message.Subject = "New Contact request";
        message.From = new MailAddress(model.Email, model.FullName);
        message.Body = model.Message;
        var smtp = new SmtpClient();
        smtp.Send(message);

        TempData["success"] = true;

        return RedirectToCurrentUmbracoPage();
    }

Model

 public class ContactFormViewModel
{
    [Required]
    [Display(Name = "Full Name")]
    public string FullName { get; set; }
    [Required]
    [EmailAddress]
    public string Email { get; set; }
    [Required]
    public string Message { get; set; }

}

Strongly Typed (ContactFormViewModel) partial view

@model uPortfolio.Models.ContactFormViewModel    
@if (TempData["success"] == null)
{
    // form post to the contact form surface controller submit action method
    using (Html.BeginUmbracoForm<uPortfolio.Controllers.ContactFormSurfaceController>("Submit"))
    {
        <div class="col-md-12">
            <div id="success"></div>
        </div>
    <fieldset>
        <legend>Contact Form</legend>
        <div class="col-md-6">
            <div class="form-group">
                @Html.LabelFor(m => m.FullName)
                @Html.TextBoxFor(m => m.FullName, new { placeholder = "Enter Full Name", @class = "form-control" })
                @Html.ValidationMessageFor(m => m.FullName)
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                @Html.LabelFor(m => m.Email)
                @Html.TextBoxFor(m => m.Email, new { placeholder = "Enter Email", @class = "form-control" })
                @Html.ValidationMessageFor(m => m.Email)
            </div>
        </div>
        <div class="col-md-12">
            <div class="form-group">
                @Html.LabelFor(m => m.Message)
                @Html.TextAreaFor(m => m.Message, new { placeholder = "Enter Message", @class = "form-control" })
                @Html.ValidationMessageFor(m => m.Message)
            </div>
            <input type="submit" id="submit" name="submit" value="Send Message" class="btn btn-primary btn-lg btn-block btn-biru" />
        </div>
    </fieldset>

    }
}
else
{
// confiirmation
   Thanks for your request
}

I then have a partial view macro to make a call to the controllers GET request to render the form

@inherits Umbraco.Web.Macros.PartialViewMacroPage

    @*make a call to the render contact form action method (GET) on the contact form surface controller*@ 
    @Html.Action("RenderContactForm", "ContactFormSurface")

which is called in another partial view called contactSection.cshtml

  <div class="col-md-8 col-sm-8">
                @*call the umbraco macro which calls the contactFormMacro Partial*@
               @Umbraco.RenderMacro("ContactFormMacro")
            </div>

This all appears to work fine but what i dont like is that when the email is sent succesfully and we redirect to the currentUmbracoPage i am unable to maintain the postback postback position and teh page returns to the top meaning the user has to scroll right down to the bottom of the page (single page layout) to see the 'Thanks for your request' message.

With this in mind I thought a better approach may be to redirect the user to a thank you page instead. I was thinking of creating a new contactThankYou docType & corrsponding template and redirecting the users to that upon success.

What is the best way to achieve this please? I see that there is a RedirectToUmbracoPage method which takes a pageId but i dont really want to rely on pageIds incase its ever deleted from the back office.

//return RedirectToUmbracoPage(1090);

Could really do with some advice on the best approach if someone could please help.

Many thanks Paul