EasyUI Forum
May 19, 2024, 10:31:53 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: rotating the combo arrow when dropped down [solved]  (Read 3596 times)
devnull
Sr. Member
****
Posts: 431


View Profile
« on: May 21, 2020, 03:06:03 AM »

Is there an easy way of rotating the combo drop down panel icon arrow when the panel is open ?

« Last Edit: May 21, 2020, 03:25:18 AM by devnull » Logged

-- Licensed User --
devnull
Sr. Member
****
Posts: 431


View Profile
« Reply #1 on: May 21, 2020, 03:22:17 AM »

Oops solved it myself:

Code:
a.textbox-icon.combo-arrow.open {
  transform: rotate(180deg);
  background-color: pink;
}


Code:
var pan = me.combo('panel');
    pan.panel({
      openAnimation   : 'slide',
      closeAnimation  : 'slide',
      onOpen: function(){
        me.combo('getIcon', 0).addClass('open');
      },
     
      onClose: function(){
        me.combo('getIcon', 0).removeClass('open'); 
      }
    });
Logged

-- Licensed User --
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!