Rendering Forms Scripts

    Forms output some JavaScript which is by default rendered right below the markup.

    In many cases, you might prefer rendering your scripts at the bottom of the page, e.g. before the closing </body> tag, as this generally improves site performance.

    In order to render your scripts where you want, you need to add the following snippet to your template. Make sure you add it below your scripts, right before the closing </body> tag:

    @using Umbraco.Forms.Web.Extensions;
    
    @if (TempData["UmbracoForms"] != null)
    {
        foreach (var form in TempData.Get<List<Guid>>("UmbracoForms"))
        {
            @await Component.InvokeAsync("RenderFormScripts", new {formId = form, theme = "bootstrap3-horizontal"})
        }
    }
    

    Enabling ExcludeScripts

    If you do not want to render the associated scripts with a Form, you need to explicitly say so. You need to make sure ExcludeScripts is checked/enabled, whether you are inserting your Form using a macro or adding it directly in your template.

    To enable ExcludeScripts:

    • Using the Insert Form with Theme macro:

      Exclude scripts

    • While inserting Forms directly in your template:

      @await Umbraco.RenderMacroAsync("renderUmbracoForm", new {FormGuid="6c3f053c-1774-43fa-ad95-710a01d9cd12", FormTheme="bootstrap3-horizontal", ExcludeScripts="1"})
      

    ExcludeScripts = "1" prevents the associated scripts from being rendered. Any other value, an empty value, or if the parameter is excluded, will render the scripts on the Form.


    Prev: Preparing your Frontend                 Next: Themes