Numbering list of attendees

Hey bcghent,

Yes you could do this with some JavaScript added to the “Custom JavaScript” area on the “Form” tab. The guests won’t be in order of when they registered but rather numbered going down in the columns. Is that what you were hoping for? Here’s the JavaScript:

$('.rtec-attendee').each(function(index) {
  var num = index + 1;
  $(this).text(num+'. '+$(this).text());
});

Let me know if you have more questions!

– Craig

Hey Craig,

When I save the custom javascript, it changes in :

$(‘.rtec-attendee’).each(function(index) {
var num = index + 1;
$(this).text(num+’.’+$(this).text());
});

Any solution ?

Kristine

Craig,

I tried again and now it works.
Thanks

Hey Kristine,

Glad that worked! Let me know if you ever need anything else.

Thanks,

Craig

Hi, when I use

$(‘.rtec-attendee’).each(function(index) {
var num = index + 1;
$(this).text(num+’. ‘+$(this).text());
});

in more registrations forms, I have still one numbering list and number continue to each list.

I need one numbering list for each registration list.

look:

https://www.zhsl.eu/registracia/

Hey pejt,

This snippet will work for multiple lists on one page:

$('.rtec-attendee-list').each(function() {
  $(this).find('.rtec-attendee').each(function(index) {
  var num = index + 1;
    $(this).text(num+'.'+$(this).text());
  });
});

Let me know if you have more questions!

– Craig

Hi

Thanks, but now numbering start in every column ( in same attendeed list too)

look:

https://www.zhsl.eu/registracia/

Ahh sorry about that! Try the code with another slight change:

$('.rtec-attendee-list-wrap').each(function() {
  $(this).find('.rtec-attendee').each(function(index) {
  var num = index + 1;
    $(this).text(num+'.'+$(this).text());
  });
});

YEAH! now its perfect! Thank u!

one more questions:

When I register new user, these user will be on the 1st place in the ateendeed list, but I want him to be the last one. It is possible?

Thanks!

Yes! Replace your existing code with this:

$('.rtec-attendee-list-wrap').each(function() {
  var $self = $(this);
  $(this).find('.rtec-attendee').each(function(index) {
    $(this).prependTo($self.find('.rtec-attendee-list').first());
  });
});

$('.rtec-attendee-list-wrap').each(function() {
  $(this).find('.rtec-attendee').each(function(index) {
  var num = index + 1;
    $(this).text(num+'.'+$(this).text());
  });
});

Thanks!!

It possible align field “last” to right side? (field “first” -left; “last” – right side)

It is my last question. I promise! ??

Many thanks,

Patrik

Hey Patrick,

This is a bit tougher to do with JavaScript snippets. If you are handy with PHP you can use this page to put something together:

https://roundupwp.com/codex/action-rtec_the_attendee_list/

Otherwise, a future update will include more settings for the attendee list.

Hopefully that helps!

– Craig