Support

Home Forums Wait List Manager Add-on waiting list button disappears behind the footer + extra text field waiting list

waiting list button disappears behind the footer + extra text field waiting list

Posted: July 1, 2020 at 3:06 am


efransen

July 1, 2020 at 3:06 am

Hi,

Q1: When signing up for the waiting list the button ‘join the waiting list’ is not visible and disappears behind the footer, even when I change the z-index for the footer.
Q2: I would also add one extra text field to the waiting list when people want to sign up.
Any suggestions here? Thanks in advanced for your help!


efransen

July 1, 2020 at 4:43 am

This reply has been marked as private.


Tony

  • Support Staff

July 1, 2020 at 7:23 am

Q1: When signing up for the waiting list the button ‘join the waiting list’ is not visible and disappears behind the footer, even when I change the z-index for the footer.

The waitlist form has a z-index of 9999, however, child elements can not have a higher z-index than their parents and as your ‘container’ element has a z-index of 100, so does the waitlist form. Changing it can be done, but you’ll need to alter the parent elemtns index and work through until it works.

Another simple solution is to set the Waitlist form positioning to be relative using:

.event_wait_list-hidden-inputs {
    position: relative;
}

That will force the footer down when the waitlist form is shown.

Does that work better for you?

Q2: I would also add one extra text field to the waiting list when people want to sign up.

The waitlist form is intended as a placeholder so it only loads first name, last name and email address. You can add some additional fields that are assigned to the EE_Contact such as phone number (see HERE) but additional registration based questions we don’t include and would need custom development to save the details.


efransen

July 1, 2020 at 8:22 am

Thanks for your feedback.The solution for Q1 you suggested to change the position to relative is not working. I added it into my child theme style.css. Any other suggestions for Q1? What am I doing wrong?


Tony

  • Support Staff

July 1, 2020 at 8:31 am

I’ve just tested this and it looks like its working for me

https://monosnap.com/file/b5CIrYhN4Y9wEnachTjtVrH3Hk9qVI

Do you see something different on your end?


efransen

July 1, 2020 at 8:31 am

Hi Tony,
I found another way through the setting of the theme!


Tony

  • Support Staff

July 1, 2020 at 8:33 am

I can see the styles are applying through your themes style.css file:

.event_wait_list-hidden-inputs {
    position: relative !important;
}

So I assume that is what you are referring to but either way, I’m glad you found a solution.

You must be logged in to reply to this support post. Sign In or Register for an Account

Status: publish

Updated by  Tony 4 months ago ago

Topic Tags

Notifications

This topic is: resolved
Do NOT follow this link or you will be banned from the site!