yesterday we’ve installed the newest version of Nintex Forms.
Now we’ve got the issue, that if we are working with a “Person-Column”, the drop-down where you can choose your user it will not be displayed correctly.
And this error only happens at the People/Person Drop-Down
I’ve also tried to set the all the fields in the background and the people fields in the front, but I always got the same issue.
did you apply any custom css to your form?
You could try to play around with the z-index property and see if it helps you: CSS z-index property
Unfortunately, the problem still exist and I've found out, that if you put the columns into a Panel, the drop down will not go over the Panel.
Here I'm using everything out of the box, so i dont have changed anything.
I'm experiencing the same display problem with the people picker drop down list as it will either A) disappear below the next people picker control or B) disappear inside the panel just like you've shown.
We have addressed the Nintex helpdesk and were supplied with the following (partial) solution: "It is a styling issue caused by both People Picker & Managed Metadata controls having the same z-index in CSS (500). We cannot differentiate between the two as we assign all People Picker & Managed Metadata controls the same z-index, even when more than one is on the form. You can fix this by just applying a higher z-index than 500 to the top people picker in the CSS of the form."
I have done so and found it works for all people picker fields except the ones inside a panel. I have no idea what the z-index of a panel is and have played around with some numbers, but no success yet. I will let you know as soon as I've heard back from Nintex.
Same here with the Nintex PeoplePicker.
Testing with a default SharePoint tasklist without any custom additions.
Prior to the update of Nintex Forms the z-index was obviously correct, so I assume that you changed something in the new release.
Assigning a z-index of 1000 to the picker control does not help. The control itself is fine, but the dropdown when entering names is too low in z-index.
Each control has a CSS class. You should name these. For example you name the CSS class for the top people picker control on your form "pp1", the second "pp2". Then in the form settings custom CSS you assign to each CSS class a z-index above 500, where pp1 is higher than pp2. Nintex send me the following 'how to' images:
Also, I have been notified by the Nintex Helpdesk that other clients have reported the same problem and the Nintex Development team has started researching...
Thanks for this Yvette, your explanation is very clear !
but it does not work on my side
the z-index is not take in account by all UL and LI generated when the control suggest users.
Alexandre, I'm not sure what you mean? I would advise to contact Nintex Support.
In the meantime... Nintex provided us with a hotfix. This seems to be a solution for our forms. It will most likely be included in the next product update.