Sitefinity forms popup template

Default MVC sitefinity forms template is missing a couple things

FormViewModel does not expose the forms title
Does not provide any way to specify a template... now it looks like you can set a custom form for a specific form based convention, but that would be annoying to keep re-implimenting. What we want here is the ability to have an SF form popup in a modal window.
So based on #2 we're also missing some meta fields to change the button text... so... yeah

ANYWAY on to the new template, for reference this is the existing template.

In the designer add a class name of "modal" or "popup"
To change the button text add the class of "title-". Everything after the dash will be used in the title and *NOT* added to the class of the form.
CssClass Examples:
popup title-This is my Button
modal title-Click Me

TLDR: Basically this just wraps the existing form code in a bootstrap modal window code and only renders it if it see's "popup", "modal", or "model" in the CssClass field. It would be awesome (any telerik'r reading this if there was a template dropdown).

Index.cshtmlView on GitHub

@model Telerik.Sitefinity.Frontend.Forms.Mvc.Models.FormViewModel

@using System;
@using System.Linq;
@using System.Collections;
@using Telerik.Sitefinity;
@using Telerik.Sitefinity.UI.MVC;
@using Telerik.Sitefinity.Frontend.Forms.Mvc.Helpers;
@using Telerik.Sitefinity.Frontend.Forms.Mvc.Models;
@using Telerik.Sitefinity.Frontend.Mvc.Helpers;
@using Telerik.Sitefinity.Modules.Pages;
@using Telerik.Sitefinity.Modules.Forms;
@{ 
    var formTitle = "";
    var isPopup = Model.CssClass.ToLower().Contains("modal") || Model.CssClass.ToLower().Contains("model") || Model.CssClass.ToLower().Contains("popup");
var css = Model.CssClass;
var title = "Contact Us";
if (Model.CssClass.ToLower().Contains("title-"))
{
    var sections = Model.CssClass.Split('-');
    title = sections.GetValue(1).ToString();

    css = sections.GetValue(0).ToString().Replace(" title", "");
}

var thisForm = FormsManager.GetManager().GetForms().FirstOrDefault(f =&gt; f.Id == new Guid(Model.FormId) &amp;&amp; f.Visible); //This should be in the model, but isn't
if(thisForm != null)
{
    formTitle = thisForm.Title;
}

}
<div data-sf-role="form-container test" class="@css">
    <input type="hidden" data-sf-role="form-id" value="@Model.FormId" name="FormId" />
    @if (isPopup)
    {
    &lt;input type="button" class="btn btn-primary btn-lg btn-block" value="@title" data-toggle="modal" data-target="#aform-@(Model.FormId)" /&gt;
    @:&lt;div class="modal fade" id="aform-@(Model.FormId)" tabindex="-1" role="dialog"&gt;
       @:&lt;div class="modal-dialog" role="document"&gt;
            @:&lt;div class="modal-content"&gt;
                &lt;div class="modal-header"&gt;
                    &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
                    &lt;h4 class="modal-title"&gt;@formTitle&lt;/h4&gt;
                &lt;/div&gt;
                @:&lt;div class="modal-body"&gt;
}

                        @*DEFAULT SF FORM CODE START*@
                        @if (!string.IsNullOrEmpty(@ViewBag.ErrorMessage))
                        {
                            &lt;div&gt;@ViewBag.ErrorMessage&lt;/div&gt;
                        }

                        @if (Model.UseAjaxSubmit)
                        {
                            &lt;span data-sf-role="success-message" style="display: none;"&gt;@Model.SuccessMessage&lt;/span&gt;
                            &lt;span data-sf-role="error-message" style="display: none;"&gt;&lt;/span&gt;
                            &lt;img data-sf-role="loading-img" src='@Url.EmbeddedResource("Telerik.Sitefinity.Resources.Reference", "Telerik.Sitefinity.Resources.Themes.Default.Images.Loadings.sfLoadingData.gif")' style="display:none;" /&gt;
                            &lt;div data-sf-role="fields-container"&gt;
                                @* Fields Markup *@
                            &lt;/div&gt;
                        }
                        else
                        {
                            using (Html.BeginFormSitefinity("", null, (System.Web.Routing.RouteValueDictionary)null, FormMethod.Post, new Dictionary&lt;string, object&gt; { { "enctype", "multipart/form-data" } }, true))
                            {
                                @* Fields Markup *@
                            }
                        }

                        @if (Model.UseAjaxSubmit)
                        {
                            &lt;input type="hidden" data-sf-role="ajax-submit-url" value="@Model.AjaxSubmitUrl" /&gt;
                            &lt;input type="hidden" data-sf-role="redirect-url" value="@Model.RedirectUrl" /&gt;
                            @Html.Script(ScriptRef.JQuery, "jquery", false)
                            @Html.Script(Url.WidgetContent("Mvc/Scripts/Form/form-ajax.js"), "bottom", false)
                        }
                        @*DEFAULT SF FORM CODE END*@

@if (isPopup)
{
                @:&lt;/div&gt;
            @:&lt;/div&gt;&lt;!-- /.modal-content --&gt;
        @:&lt;/div&gt;&lt;!-- /.modal-dialog --&gt;
    @:&lt;/div&gt;&lt;!-- /.modal --&gt;
}

</div>

Here's the result

PopupForm-Image1

PopupForm-Image2

Usage to make a form popup with this template

Here's the result