: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
<div id="nf-pre-builder" style="background:#fff;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999999;"></div>
<div id="nf-builder" class="grey"></div>
<script id="tmpl-nf-builder" type="text/template">
<div id="nf-app-admin-header">
* TODO: Make this much more dynamic.
$nf_settings = get_option( 'ninja_forms_settings' );
$disable_admin_notices = ( isset ( $nf_settings[ 'disable_admin_notices' ] ) ) ? $nf_settings[ 'disable_admin_notices' ] : false;
$u_id = get_option( 'nf_aff', false );
if ( !$u_id ) $u_id = apply_filters( 'ninja_forms_affiliate_id', false );
if( ! $disable_admin_notices && ! apply_filters( 'ninja_forms_disable_marketing', false ) ){
if( ! function_exists( 'NF_Layouts' ) ) {
$link = 'https://ninjaforms.com/extensions/layout-styles/?utm_source=Ninja+Forms+Plugin&utm_medium=Form+Builder&utm_campaign=Comment+Bubble&utm_content=Layout+and+Styles+Comment';
$link = 'http://www.shareasale.com/r.cfm?u=' . $u_id . '&b=812237&m=63061&afftrack=&urllink=' . $link;
<a href="<?php echo $link; ?>" target="_blank" class="nf-cta-bubble"><?php printf( esc_html__( "Drag & drop rows and columns, custom backgrounds, borders, & more without writing a single line of code.", 'ninja-forms' ) ); ?></a>
} elseif( ! class_exists( 'NF_ConditionalLogic', false ) ) {
$link = 'https://ninjaforms.com/extensions/conditional-logic/?utm_source=Ninja+Forms+Plugin&utm_medium=Form+Builder&utm_campaign=Comment+Bubble&utm_content=Conditional+Logic+Comment';
$link = 'http://www.shareasale.com/r.cfm?u=' . $u_id . '&b=812237&m=63061&afftrack=&urllink=' . $link;
<a href="<?php echo $link; ?>" target="_blank" class="nf-cta-bubble"><?php printf( esc_html__( "Show & hide fields and pages, selectively send email, & much more! Build professional forms easily.", 'ninja-forms' ) ); ?></a>
} elseif( ! class_exists( 'NF_MultiPart', false ) ) {
$link = 'https://ninjaforms.com/extensions/multi-part-forms/?utm_source=Ninja+Forms+Plugin&utm_medium=Form+Builder&utm_campaign=Comment+Bubble&utm_content=Multi+Step+Forms+Comment';
$link = 'http://www.shareasale.com/r.cfm?u=' . $u_id . '&b=812237&m=63061&afftrack=&urllink=' . $link;
<a href="<?php echo $link; ?>" target="_blank" class="nf-cta-bubble"><?php printf( esc_html__( "Create multiple page forms with drag-and-drop. You don't need to code to build complex forms!", 'ninja-forms' ) ); ?></a>
} elseif( ! function_exists( 'NF_File_Uploads' ) ) {
$link = 'https://ninjaforms.com/extensions/file-uploads/?utm_source=Ninja+Forms+Plugin&utm_medium=Form+Builder&utm_campaign=Comment+Bubble&utm_content=File+Uploads+Comment';
$link = 'http://www.shareasale.com/r.cfm?u=' . $u_id . '&b=812237&m=63061&afftrack=&urllink=' . $link;
<a href="<?php echo $link; ?>" target="_blank" class="nf-cta-bubble"><?php printf( esc_html__( "Let users upload files to your site! Restrict file type and size. Upload to server, media library, or cloud service.", 'ninja-forms' ) ); ?></a>
} elseif( ! class_exists( 'NF_Stripe_Checkout', false ) ) {
$link = 'https://ninjaforms.com/extensions/stripe/?utm_source=Ninja+Forms+Plugin&utm_medium=Form+Builder&utm_campaign=Comment+Bubble&utm_content=Stripe+Comment';
$link = 'http://www.shareasale.com/r.cfm?u=' . $u_id . '&b=812237&m=63061&afftrack=&urllink=' . $link;
<a href="<?php echo $link; ?>" target="_blank" class="nf-cta-bubble"><?php printf( esc_html__( "Accept credit card payments or donations from any form. Single payments, subscriptions, and more!", 'ninja-forms' ) ); ?></a>
<a href="admin.php?page=ninja-forms" class="fa fa-times"></a></div>
<div id="nf-overlay"></div>
<div id="nf-header"></div>
<div id="nf-main" class="nf-app-main"></div>
<div id="nf-menu-drawer"></div>
<div id="nf-drawer"></div>
<span class="merge-tags-content" style="display:none;"></span>
<div id="merge-tags-box"></div>
<script id="tmpl-nf-advanced-main-content" type="text/template">
<div class="child-view-container installed"></div>
<div class="sub-section-header" style="display:none; clear:both; width:100%; padding-bottom: 20px;">
<h4 style="text-align:center;">Additional Settings</h4>
<div class="child-view-container available"></div>
<# if(1 != nfAdmin.devMode){ #>
<div style="clear:both;padding-top:100px;padding:20px;opacity:.5;text-align:center;">
For more technical features, <a href="<?php echo esc_url( add_query_arg('page', 'nf-settings', admin_url('admin.php') ) ); ?>#ninja_forms[builder_dev_mode]">enable Developer Mode</a>.
<!-- MERGE TAGS BOX TEMPLATES -->
<script id="tmpl-nf-merge-tag-box" type="text/template">
<div class="merge-tag-filter"></div>
<div class="merge-tag-container">
<div class="merge-tag-sections"></div>
<div class="merge-tag-list"></div>
<script id="tmpl-nf-merge-tag-box-section" type="text/template">
<script id="tmpl-nf-merge-tag-box-tag" type="text/template">
<span data-tag="{{{data.tag}}}">{{{ _.escape( data.label ) }}} <small>{{{data.tag}}}</small></span>
<script id="tmpl-nf-merge-tag-box-filter" type="text/template">
<input type="text" placeholder="Search for merge tags" >
<!-- END: MERGE TAGS BOX TEMPLATES -->
<script id="tmpl-nf-admin-header" type="text/template">
<div id="nf-app-admin-header"></div>
<script id="tmpl-nf-header" type="text/template">
<div id="nf-app-header"></div>
<div id="nf-app-form-title"></div>
<div id="nf-app-sub-header"></div>
<script id="tmpl-nf-header-form-title" type="text/template">
<h2>{{{ data.renderTitle() }}}</h2>
<script id="tmpl-nf-sub-header-fields" type="text/template">
<div class="nf-main-test">
<div colspan="4" style="text-align: center;">
<a class="nf-secondary-control nf-open-drawer" title="Add new field" href="#" data-drawerid="addField">
<i class="fa fa-plus" data-drawerid="addField" aria-hidden="true"></i>
<span data-drawerid="addField"><?php esc_html_e( 'Add new field', 'ninja-forms' ); ?></span>
<a class="nf-master-control nf-open-drawer" title="<?php esc_html_e( 'Add new field', 'ninja-forms' ); ?>" href="#" data-drawerid="addField">
<i class="fa fa-plus" data-drawerid="addField" aria-hidden="true"></i>
<span data-drawerid="addField"><?php esc_html_e( 'Add new field', 'ninja-forms' ); ?></span>
<script id="tmpl-nf-sub-header-actions" type="text/template">
<div class="nf-main-test">
<div colspan="4" style="text-align: center;">
<a class="nf-secondary-control nf-open-drawer" title="Add new action" href="#" data-drawerid="addAction">
<i class="fa fa-plus" data-drawerid="addAction" aria-hidden="true"></i>
<span data-drawerid="addAction"><?php esc_html_e( 'Add new action', 'ninja-forms' ); ?></span>
<a class="nf-master-control nf-open-drawer" title="<?php esc_html_e( 'Add new action', 'ninja-forms' ); ?>" href="#" data-drawerid="addAction">
<i class="fa fa-plus" data-drawerid="addAction" aria-hidden="true"></i>
<span><?php esc_html_e( 'Add new action', 'ninja-forms' ); ?></span>
<script id="tmpl-nf-sub-header-settings" type="text/template">
<script id="tmpl-nf-app-header" type="text/template">
<!-- <div id="nf-logo"></div> -->
<ul class="nf-app-menu"></ul>
<span class="nf-mobile-menu-button"></span>
<span class="nf-app-buttons"></span>
<script id="tmpl-nf-app-header-action-button" type="text/template">
{{{ data.renderPublish() }}}
{{{ data.maybeRenderCancel() }}}
{{{ data.renderPublicLink() }}}
<script id="tmpl-nf-mobile-menu-button" type="text/template">
<a class="nf-button nf-mobile-menu" title="<?php esc_html_e( 'Expand Menu', 'ninja-forms' ); ?>" {{{ data.maybeDisabled() }}}" href="#"><span class="dashicons dashicons-editor-ul"></span></a>
<script id="tmpl-nf-app-header-publish-button" type="text/template">
<a href="#" style="width:{{{ data.publishWidth }}} !important" class="nf-button primary {{{ data.maybeDisabled() }}} publish" title="<?php esc_html_e( 'Publish', 'ninja-forms' ); ?>"><?php esc_html_e( 'PUBLISH', 'ninja-forms' ); ?></a>
<script id="tmpl-nf-add-header-publish-loading" type="text/template">
<a href="#" {{{ data.publishWidth }}} class="nf-button primary {{{ data.maybeDisabled() }}} publish" title="<?php esc_html_e( 'Loading', 'ninja-forms' ); ?>">
<script id="tmpl-nf-app-header-view-changes" type="text/template">
<a class="nf-cancel viewChanges" title="<?php esc_html_e( 'View Changes', 'ninja-forms' ); ?>" style="text-decoration: none;" href="#"><span class="dashicons dashicons-backup"></span></a>
<script id="tmpl-nf-app-header-public-link" type="text/template">
<a class="nf-public-link publicLink" title="<?php esc_html_e( 'Public Link', 'ninja-forms' ); ?>" style="text-decoration: none;" href="#"><span class="dashicons dashicons-admin-links"></span></a>
<script id="tmpl-nf-main" type="text/template">
<div id="nf-main-content" class="nf-app-area">
<div id="nf-main-gutter-left"></div>
<div id="nf-main-body"></div>
<div id="nf-main-gutter-right"></div>
<script id="tmpl-nf-main-header-fields" type="text/template">
<input class="nf-button secondary nf-change-domain" data-domain="actions" type="button" value="Edit Emails and Actions" />
<script id="tmpl-nf-main-header-actions" type="text/template">
<input class="nf-button secondary nf-change-domain" data-domain="settings" type="button" value="Manage Settings" />
<script id="tmpl-nf-main-header-settings" type="text/template">
<script id="tmpl-nf-main-content-fields-empty" type="text/template">
<div class="nf-fields-empty">
<h3><?php esc_html_e( 'Add form fields', 'ninja-forms' ); ?></h3>
<p><?php esc_html_e( 'Get started by adding your first form field.', 'ninja-forms' ); ?> <?php esc_html_e( "It's that easy.", 'ninja-forms' ); ?>
<script id="tmpl-nf-repeater-content-fields-empty" type="text/template">
<div class="nf-fields-empty">
<p><?php esc_html_e( 'Drag and drop new fields from the right to create a repeatable set of fields.', 'ninja-forms' ); ?></p>
<script id="tmpl-nf-main-content-actions-empty" type="text/template">
<h3><?php esc_html_e( 'Add form actions', 'ninja-forms' ); ?></h3>
<p><?php esc_html_e( "Get started by adding your first form field. Just click the plus and select the actions you want. It's that easy.", 'ninja-forms' ); ?></p>
<script id="tmpl-nf-main-content-field" type="text/template">
<div id="{{{ data.getFieldID() }}}" class="{{{ data.renderClasses() }}}" data-id="{{{ data.id }}}">
<!-- Inline overlay to prevent click-throughs. -->
<div style="position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;"></div>
<div class="nf-item-controls"></div>
<div class="nf-placeholder-label">
{{{ data.renderIcon() }}}
<span class="nf-field-label">{{{ _.escape( data.label ) }}} {{{ data.renderRequired() }}}</span>
var labelPosition = data.labelPosition();
if( 'default' == labelPosition ){
labelPosition = Backbone.Radio.channel( 'settings' ).request( 'get:setting', 'default_label_pos' );
<div class="nf-realistic-field nf-realistic-field--label-{{{labelPosition}}}" id="nf-field-{{{ data.getFieldID() }}}-wrap">
<div class="nf-realistic-field--label"></div>
<div class="nf-realistic-field--description">{{{ data.renderDescriptionText() }}}</div>
<div class="nf-realistic-field--element" ></div>
<script id="tmpl-nf-item-controls" type="text/template">
<div class="nf-item-edit nf-item-control"><a href="#" title="<?php esc_html_e( 'Edit', 'ninja-forms' ); ?>"><i class="nf-edit-settings fa fa-cog" aria-hidden="true"></i><!-- <span class="nf-item-editing">Editing {{{ data.objectType }}}</span> --></a></div>
<div class="nf-item-duplicate nf-item-control"><a href="#" title="<?php esc_html_e( 'Duplicate (^ + C + click)', 'ninja-forms' ); ?>"><i class="nf-duplicate fa fa-files-o" aria-hidden="true"></i></a></div>
<div class="nf-item-delete nf-item-control"><a href="#" title="<?php esc_html_e( 'Delete (^ + D + click)', 'ninja-forms' ); ?>"><i class="nf-delete fa fa-trash" aria-hidden="true"></i></a></div>
<script id="tmpl-nf-action-table" type="text/template">
<table id="nf-table-display" class="nf-actions-table">
<th><?php esc_html_e( 'Name', 'ninja-forms' ); ?></th>
<th><?php esc_html_e( 'Type', 'ninja-forms' ); ?></th>
<th><?php esc_html_e( 'Actions', 'ninja-forms' ); ?></th>
<script id="tmpl-nf-action-item" type="text/template">
<td>{{{ data.renderToggle() }}}</td>
<td>{{{ data.label }}}</td>
<td>{{{ data.renderTypeNicename() }}}</td>
<div class="nf-item-controls"></div>
<script id="tmpl-nf-form-setting-type" type="text/template">
<div class="{{{ data.renderClasses() }}}"><span>{{{ data.nicename }}}</span></div>
<script id="tmpl-nf-mobile-menu" type="text/template">
<li class="nf-publish {{{ data.maybeDisabled() }}}"><?php esc_html_e( 'Publish', 'ninja-forms' ); ?></li>
<ul class="secondary"></ul>
<script id="tmpl-nf-mobile-menu-item" type="text/template">
<li><a href="{{{ data.renderUrl() }}}" title="{{{ data.nicename }}}" tabindex="-1" target="{{{ data.renderTarget() }}}" {{{ data.renderDisabled() }}} >{{{ data.renderDashicons() }}}{{{ data.nicename }}}</a></li>
<script id="tmpl-nf-drawer" type="text/template">
<div id="nf-drawer-header"></div>
<span id="nf-drawer-content"></span>
<a class="nf-toggle-drawer" title="<?php esc_html_e( 'Toggle Drawer', 'ninja-forms' ); ?>">
<span class="dashicons dashicons-admin-collapse"></span><span class="nf-expand-off"><?php esc_html_e( 'Full screen', 'ninja-forms' ); ?></span><span class="nf-expand-on"><?php esc_html_e( 'Half screen', 'ninja-forms' ); ?></span>
<span id="nf-drawer-footer"></span>
<# if(1 != nfAdmin.devMode){ #>
<div style="margin-top:100px;padding:20px;opacity:.5;text-align:center;">
For more technical features, <a href="<?php echo add_query_arg('page', 'nf-settings', admin_url('admin.php')); ?>#ninja_forms[builder_dev_mode]">enable Developer Mode</a>.
<script id="tmpl-nf-drawer-content-add-field" type="text/template">
<div id="nf-drawer-staging" class="nf-settings nf-stage">
<div class="nf-reservoir nf-drawer-staged-fields nf-field-type-droppable"></div>
<span id="nf-drawer-primary"></span>
<span id="nf-drawer-secondary"></span>
<script id="tmpl-nf-drawer-content-add-action" type="text/template">
<div class="nf-actions-itmes-installed">
<span id="nf-drawer-primary-core"></span>
<span id="nf-drawer-primary"></span>
<div class="nf-actions-items-available">
<span id="nf-drawer-secondary-management"></span>
<span id="nf-drawer-secondary-payments"></span>
<span id="nf-drawer-secondary-automation"></span>
<span id="nf-drawer-secondary-marketing"></span>
<span id="nf-drawer-secondary-crms"></span>
<span id="nf-drawer-secondary-notifications"></span>
<script id="tmpl-nf-drawer-content-view-changes-item" type="text/template">
<# if ( ! data.disabled ) { #>
<tr class="disabled-row">
<span class="dashicons dashicons-{{{ data.label.dashicon }}}"></span> <span class="nf-changes-item {{{ ( data.disabled ) ? 'disabled' : '' }}}"></span>
{{{ data.label.object }}}
{{{ data.label.change }}}
<# if ( ! data.disabled ) { #>
<a href="#" title="<?php esc_html_e( 'Undo', 'ninja-forms' ); ?>" class="undoSingle disabled" style="text-decoration:none;">
<span class="dashicons dashicons-image-rotate {{{ ( data.disabled ) ? 'disabled' : '' }}}"></span>
<# if ( ! data.disabled ) { #>
<script id="tmpl-nf-drawer-content-public-link" type="text/template">
<h3><?php esc_html_e('Display Your Form', 'ninja-forms'); ?></h3>
<div class="embed-form"></div>
<div class="enable-public-link"></div>
<div class="copy-public-link"></div>
<script id="tmpl-nf-drawer-content-edit-settings" type="text/template">
<span class="nf-setting-title"></span>
<span class="nf-setting-groups"></span>
<script id="tmpl-nf-drawer-content-edit-settings-title-default" type="text/template">
<h2>{{{ data.renderTypeNicename() }}}</h2>
<script id="tmpl-nf-drawer-content-edit-settings-title-actions" type="text/template">
<h2>{{{ data.renderTypeNicename() }}}{{{ data.renderDocLink() }}}</h2>
<script id="tmpl-nf-drawer-content-edit-settings-title-calculations" type="text/template">
<h2>{{{ data.renderDocLink() }}}</h2>
<script id="tmpl-nf-drawer-content-edit-settings-title-fields" type="text/template">
<h2>{{{ data.renderSavedStar() }}} {{{ data.renderTypeNicename() }}}</h2>
<span class="nf-add-saved-field" style="display:none"></span>
<script id="tmpl-nf-add-saved-field" type="text/template">
<input type="text" placeholder="Saved Field Name" value="{{{ _.escape( data.label ) }}}">
<span class="add-button"></span>
<script id="tmpl-nf-add-saved-field-button" type="text/template">
<a href="#" title="<?php esc_html_e( 'Add', 'ninja-forms' ); ?>" class="nf-button primary"><?php esc_html_e( 'Add', 'ninja-forms' ); ?></a>
<script id="tmpl-nf-add-saved-field-loading" type="text/template">
<a href="#" class="nf-button primary">
<script id="tmpl-nf-drawer-content-edit-field-setting-group" type="text/template">
<section class="nf-settings">
{{{ data.renderLabel() }}}
<span class="nf-field-settings"></span>
<script id="tmpl-nf-drawer-content-edit-setting-group-label" type="text/template">
<h3 class="toggle"><span class="dashicons dashicons-arrow-{{{ data.renderArrowDir() }}}"></span>{{{ data.label }}}</h3>
<script id="tmpl-nf-drawer-staged-field" type="text/template">
<span class="nf-item-dock" id="{{{ data.id }}}" data-id="{{{ data.slug }}}"><span class="fa fa-{{{ data.icon }}}" data-id="{{{ data.slug }}}"></span>{{{ data.nicename }}}<span class="dashicons dashicons-dismiss"></span>
<script id="tmpl-nf-drawer-field-type-section" type="text/template">
<section class="nf-settings {{{ data.classes }}}">
<h3>{{{ data.nicename }}}</h3>
{{{ data.renderFieldTypes() }}}
<script id="tmpl-nf-drawer-field-type-button" type="text/template">
<div class="nf-field-type-button {{{ (data.availableField()) ? '' : 'nf-field-type-draggable' }}} {{{ data.savedField() }}} {{{ data.availableField() }}}" data-id="{{{ data.id }}}">
<div class="nf-item {{{ data.availableField() }}}" data-id="{{{ data.id }}}" tabindex="0"><span class="fa fa-{{{ data.icon }}}" data-id="{{{ data.id }}}"></span>{{{ data.nicename }}}</div>
<script id="tmpl-nf-drawer-action-type-section" type="text/template">
<section class="nf-settings nf-action-items {{{ data.renderClasses() }}}">
<# if( data.hasContents() ) { #>
{{{ data.renderNicename() }}}
<span class="action-types"></span>
<script id="tmpl-nf-drawer-action-type-button" type="text/template">
<div class="nf-one-third nf-action-type-draggable" data-type="{{{ data.id }}}">
<div class="{{{ data.renderClasses() }}}">{{{ data.nicename }}}</div>
<script id="tmpl-nf-drawer-header-default" type="text/template">
<header class="nf-drawer-header">
<input type="search" class="nf-filter" value="" placeholder="Filter" tabindex="-1" />
<a href="#" title="<?php esc_html_e( 'Done', 'ninja-forms' ); ?>" class="nf-button primary nf-close-drawer {{{ data.renderDisabled() }}}" tabindex="-1"><?php esc_html_e( 'Done', 'ninja-forms' ); ?></a>
<script id="tmpl-nf-drawer-header-edit-settings" type="text/template">
<header class="nf-drawer-header">
<a href="#" title="<?php esc_html_e( 'Done', 'ninja-forms' ); ?>" class="nf-button primary nf-close-drawer {{{ data.renderDisabled() }}}" tabindex="-1"><?php esc_html_e( 'Done', 'ninja-forms' ); ?></a>
<script id="tmpl-nf-drawer-header-view-changes" type="text/template">
<header class="nf-drawer-header">
<a href="#" title="<?php esc_html_e( 'Undo All', 'ninja-forms' ); ?>" class="nf-button secondary undoChanges" style="float:left;" tabindex="-1"><span class="dashicons dashicons-backup"></span><?php esc_html_e( ' Undo All', 'ninja-forms' ); ?></a>