Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
combobox rotation toggle button
I am working with Vaadin 7.6 and multiselect combobox.
I tried to change sign on combobox button for selection by rotation animation (from arrow down in arrov up an reverse), but I could not do that.
whether someone can help me ?
Thanks
Hi,
I found this from StackOverflow: http://stackoverflow.com/questions/21322626/applying-css-rules-based-on-input-checkbox-status
Is that what you're after?
-Olli
Hi
I solved problem with rotation arrow on multiselects combo button.
In class : ...SessionInitListener I added next jquery function :
head.appendElement("script").append("$(document).on('click', 'div.v-filterselect-button',function()"
+ "{ var attr = $(this).parent().attr('checked');"
//+ " $(this).parent().removeClass( \"combobox-rotate-down\" ); "
+ "if (attr == undefined)"
+" { $(this).parent().attr(\"checked\",\"true\");"
+ " $(this).css({'transform': 'rotate(180deg)','border-right': '1px solid #999999','border-left': 'none'});"
+ " }"
+ "else "
+ "{if(attr == 'checked') "
+" { $(this).css({'transform': 'none','border-left': '1px solid #999999','border-right': 'none'});"
+" $(this).parent().removeAttr(\"checked\");}"
+ "else "
+ " { $(this).css({'transform': 'rotate(180deg)','border-right': '1px solid #999999','border-left': 'none'});"
+" $(this).parent().attr(\"checked\",\"true\");}"
+ "}}"
+ ");");
head.appendElement("script").append("$(document).on('blur', '.v-filterselect',function()"
+" { $(this).children().css({'transform': 'none','border-left': '1px solid #999999','border-right': 'none'});"
+" $(this).removeAttr(\"checked\");"
+ " $(this).css('border-right', '1px solid #999999');}"
+ ");");
Thanks on your replay