Dropdown Select2 Style

Anonymous

#231926

Hello, I’m using select2 and i would like to have a sliding dropdown, this is an example https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_accordion
Basically I would like all menu items to be visible when you click on an item and not to cover the entire container.
How can I get this?

Trevor

#231930

I am sorry, I am not sure how you would apply this to a form select (dropdown) control. Do you have an example of such a form control that uses Select2?

Anonymous

#231996

This reply has been marked as private.

Trevor

#232002

I think I understand. What you want is, when the select opens, for it not to overlap the fields below, but instead for them to move down. The issue is, that the dropdown list is positioned using CSS positioning and z-index, so will always sit above the content.

I do not know of any way to do as you ask, sorry.

Anonymous

#232005

in the “select2” documentation I found this that should be right for me, but I don’t understand how to implement this
https://select2.org/advanced/default-adapters/dropdown

Trevor

#232013

This reply has been marked as private.

Ross Moderator

#232019

Hi Clad

I’m not sure what you are asking for is possible, we don’t supply any kind of filter to modify the select 2 options.

In regards to your initial request though, I think I may have a viable solution…

Why not add a heading to each of your fields, and use these headings as the accodian headings, and this should work with any field type?

Our HTML structure will support this.

Let me know if thats what you’re after and I’ll see if I can dig out some JavaScript.

Thanks

Anonymous

#232025

yes Ross, thank you very much! that’s exactly what I’m looking for !!

Anonymous

#232029

this would be perfect if it worked with the “checkbox” fields

Anonymous

#232140

This reply has been marked as private.

[Author]

Posts