I would like to change the default dropdown list to horizontal instead of vertical.
My idea is to show a list of images and makes more sense to show them horizontally.
If I add float:left css to the li elements, it will work, but I am having lot of problems.
These workarounds don’t work:
Add a css with this:
It works partially as if I have more than one select2 , it will affect all of them, which I don’t want.
If I add a custom class for every image:
var $state = $(
‘<img class=“selectREC” src=xxxx"’/>’
and then from the browser debugger I do
it works partially, as every time you open the dropdown is redrawn . I tried with triggers (open, opening), etc… but it is always called before the dropdown is drawn, so it does not work.
Any ideas to change the dropdown as horizontal?