Quick question : it seems that the dropdown does not scroll (with the mouse wheel) if put in a popup. Does anyone know a workaround / way to scroll with the mouse wheel ?
Hum… i’ve created a blank new page for demo purpose, and that time it works fine, i can scroll with tge mouse. I’ve a conflict somewhere in my initial page. I’m going to have a look. Anyway thanks for your proposal ! I’ll let you know my findings.
OK well, understood. I’ve applied the setup to avoid the scroll of the main lage while the user is scrolling in the pop-up, so that the UX is better, no need to scroll back at the unitial position when the pop-up closes. But this JS code prevents the selectize Drop-down to be scrolled using the mouse + to easily select items in the Drop-down list.
I’ve to check how to resolve this problem, as I’d prefer to keep this behavior, but also to be able to use Selectize dropdown.
Hello @Jici I would like to confirm that your plug-in allows to do what I’m going to explain : i would like users to be able to choose one of many activities. For visibility improvement, I would like to group some of these activities together (ex : all the sports together), so that users can choose between a dropdown list of a few items : the groups name (ex : sports. When you click it, it opens you all the sport activites) and the activities that are not in a group.
Ex :
Hi @lucaspenanguer No I don’t think it’s possible to do that actually. There’s no custom HTML for group for now. I don’t know if this would be possible with that feature.
This is more the kind of thing you can achieve with nested RG for now
The dropdown follow more a traditionnal dropdown behavior that should group with options that you can select in this group.
I will check next week if this is possible to create a custom HTML for group header with a function that could collapse the content
I have several Selectize dropdown in a popup, and I don’t succeed in removing the transparent overflow when the list of options items is uncollapsed, I mean when the list expands, the other elements above the list seems to be displayed atop of the list. I tried to change the z-index of the dropdown and list using CSS styling, but no effect, still under the other elements… Even setting the dropdown to the front and the other elemnts to the back.
Do you know a way or tip to get the list expanding correctly ?
I noticed the Initial Values can’t be set with conditional, when in a pop-up with a datatype. The reset popup does not reset the Initial values of the dropdown.
So I now use the Set selected items action when the pop-up is opened (I have 6 dropdown in this pop-up, the this action is called 6 times…), but when the page is loaded, the first time the pop-up is opened, I get the following error message :
In popup,you can prevent this by making the dropdown hidden and add a condition to only show dropdown when the parent is visible
For the condition for initial value, the best is to use currently the Set selected Items action and always when the dropdown is visible.
I’m working on a new feature for conditionnal that will update plugin settings (actually, not all settings can be updated with the conditionnal tab). It may fix your case.
Don’t hesitate to send me a PM and I can help you get this fixed
For the issue with Overflow, don’t forget also to check group that dropdown is in.
Can you also share a screenshot? Will be easier for me to help you.
In some case, your can use the RG overflow feature for element like focus group. Enter an attribute ID to focus group and set it in the dropdown setting for RG ID Attribute and set RG Display to overflow. This will work too. It may work for popup too if you need the DD to overflow the popup.
