Page History

mediumField-programcontributionfreefalseFundraising / Special Eventfalsefalse5Form TypefalsefalsefalsefalseCenter Program or Other Event (Non-Fundraising/Center-Program Event)Contribution/Donation Form-Free Event of Any Kindform-typefundraisingfalse

<style>
.conf-macro .submit-group,
.at-title {
    display: none !important;
}
.at form {
    display: flex;
    flex-wrap: wrap;
}
.at form .at-fieldset {
    flex-basis: 50%;
    min-width: 0;
}
</style>
<script type='text/javascript' src='https://d3rse9xjbp8270.cloudfront.net/at.js' crossorigin='anonymous'></script>
 
<div class="ngp-form fundraising hidden"
     data-form-url="https://actions.everyaction.com/v1/Forms/1Yv9CsgKOkW4yTkvdFWrsQ2"
     data-fastaction-endpoint="https://fastaction.ngpvan.com"
     data-inline-errors="true"
     data-fastaction-nologin="true"
     data-databag-endpoint="https://profile.ngpvan.com"
     data-databag="nobody"
     data-mobile-autofocus="false" >
</div>

<div class="ngp-form contribution hidden"
     data-form-url="https://actions.everyaction.com/v1/Forms/B2BTJa8aLU2bivqkpvUtLw2"
     data-fastaction-endpoint="https://fastaction.ngpvan.com"
     data-inline-errors="true"
     data-fastaction-nologin="true"
     data-databag-endpoint="https://profile.ngpvan.com"
     data-databag="nobody"
     data-mobile-autofocus="false" >
</div>

<div class="ngp-form program hidden"
     data-form-url="https://actions.everyaction.com/v1/Forms/BM3r3vtPJUKbDJ3TkAKeCw2"
     data-fastaction-endpoint="https://fastaction.ngpvan.com"
     data-inline-errors="true"
     data-fastaction-nologin="true"
     data-databag-endpoint="https://profile.ngpvan.com"
     data-databag="nobody"
     data-mobile-autofocus="false" >
</div>

<p class="ngp-form free hidden">While we still want to use source codes on these sorts of forms — as explained in the "Track Your Efforts" on online forms article — these submissions won't be synced to our financial systems. Therefore, you don't need to submit any details about the event.</p>

<script>
var fieldsetSwitcher = function(args) {
    (function ($) {

        function changeLabelText($field, label) {
            if ( $field.length === 0 ) {
                return
            }
            var textNode = $field.contents().filter( function() {
                return this.nodeType === 3
            });
            if( textNode[0].length > 0 ) {
                textNode[0].replaceWith(label);
            }
        }

        setTimeout( function() {
            $('.at-text small').remove();
            $('.at-fields label').each( function() {
                var labelTextArray = this.innerText.split("(");
                if (labelTextArray.length > 1) {
                    $(this).children().attr("placeholder", labelTextArray[1].split(")")[0]);
                    changeLabelText($(this), labelTextArray[0]);
                }
            });
        }, 1500);

        $('.AdditionalInformation').each(function() {
          $(this).prev().before( $(this) );
        });

    }(jQuery));
    return args;
};
var nvtag_callbacks = nvtag_callbacks || {};
nvtag_callbacks.postRender = nvtag_callbacks.postRender || [];
nvtag_callbacks.postRender.push(fieldsetSwitcher);


$('#form-type').change(function() {
    var newVal = $(this).val();
    $('.ngp-form').each( function() {
        if ($(this).hasClass(newVal)) {
            $(this).removeClass("hidden");
        } else {
            $(this).addClass("hidden");
        }
    });
    console.log(newVal);

});


setTimeout( function() {
    $('.AdditionalInformation .at-row:first-child').each(function() {
        $(this).parent().parent().parent().find(".ContactInformation .at-fields").append($(this).detach());
    });
}, 2000);

</script>