Recommendations for a custom event registration form

Judy Spigarelli · February 2016

We want a user friendly event registration form for our Alumni Reunion weekend. We currently use grouped events in one NetCommunity event registration part. Our registrants are getting confused when the form jumps to the top after each event for which they are registering. They are also registering themselves as guests, so we too are getting the "Do Not Register" participant record many others have discussed.

We want one easy to use, clearly defined event registration form which includes both paid and free events over three days. Has anyone had a custom event registration form created? If so, do you recommend someone to create it? Is it still compatible for NC download? May I see your event registration to see if I would fit our needs?

Thanks!

Chris McGrane · February 2016

Hello Judy,

I'm happy to check out your event registration form, but I cant seem to find it on the Saint Anselm website. Where do you see the page jumping occur?

Chris

Judy Spigarelli · February 2016

Hi Chris,

Thanks! It's not active at the moment. We're preparing for this spring. Because it's a grouped event, each time someone registers for one function, the registration form then goes back to the top of the page and they have to scroll down to the next function to complete that section of the registration. As such, they may need to do this 6 times and then start adding guest information as well. I spoke with our BB account rep today and she is looking into solutions for us, but I'd love suggestions. Let me see if I can grab the link and send it to you.

Judy

Gina Gerhard · February 2016

Chris - Are you using the 'Classic' version or the new 2.0 version of the event registration part?

Chris McGrane · February 2016

Judy - This issue is likely happening because...

1.) The form submission is using a click or submit action that doesn't include "preventDefault();" when attemping a postback. This will make the page position revert to the top. Adding this in would be a pretty simple process and would require some minor javascript knowledge. Feel free to send me a private message or reply here with the link to the form and I can let you know for sure.

Gina - I'm familiar with both the Classic and 2.0 form versions. I have references in our custom scripts that limit issues related to postbacks.

Chris McGrane · February 2016

Hello all! I think I've got a working solution for this issue.

The page jump is occuring because the form executes a postback when you attempt to fill form values via the "Same as above" links, etc... This is because whomever built the form system neglected to include Page.MaintainScrollPositionOnPostBack = true; in the underlying ASP. While the real solution would be for Blackbaud to fix their code, here is a jQuery solution that is working.

I've created an unformatted text part on the event registration page. Then, I've added the following code:

$( document ).ready(function() {
if (localStorage.getItem('pos')){
window.scrollTo(0, localStorage.getItem('pos'));
} else{ }
$('a[id*="step2"]').on('click',function(){
if (localStorage.getItem('pos')){
localStorage.removeItem('pos');
localStorage.setItem('pos',$(document).scrollTop());
} else{
localStorage.setItem('pos',$(document).scrollTop());
}
});
});

This code detects anchor clicks on Step 2 (the selector can be modified to work anywhere). Then a localstorage value is set to the current position of the page. Then on postback, the page scrolls to the coodinate represented in the localstorage value. On additional anchor clicks, the localstore value is cleared and a new one is set. This should work with one of the included jQuery libraries in NetCommunity, let me know if you have issues implementing this script or if you get a jQuery error (e.g. $ is not defined).

Good luck!

-Chris M

Judy Spigarelli · February 2016

Hi Chris,

Wow! I'll check it out. I'm barely following anyting you wrote, but I'll work with a coworker who will understand. I'm really excited to give this a try and let you know if we got it.

Thank you very, very much!

Judy

Chris McGrane · February 2016

Hello Judy!

Not a problem, I'm happy to help. Let me know if your developer has any questions about implementation.

-Chris

Recommendations for a custom event registration form

Comments

Categories