change label color on tap

[Yan Yi]

Hello,

I'm having some difficulties changing label color on tap to act like a button. Problems:

1. the page transition function occurs too fast, so second function to change back the color does not work. If I put the transition function last, the color change would be too quick.

2. color change only appears AFTER the tap, by which time the page transition is already over.

   Method A:
   code
   Appery('signup_label').addClass('labelTap');

   Appery.navigateTo("SignUp", {
   transition: "slide",
   reverse: false
   });

   Appery('signup_label').removeClass('labelTap');

   /code
   code
   .labelTap {
   background-color: #96C8FF;
   }
   /code

   Method B:
   code
   Appery('signup_label').css("color", "#96C8FF");
   Appery.navigateTo("SignUp", {
   transition: "slide",
   reverse: false
   });
   Appery('signup_label').css("color", "#949494");
   /code

[Illya Stepanov]

Hi Yan,

Please follow these steps to change lable style when use tap/click on label component:
ol
liSelect label in design mode./li

liNavigate to the "properties"-"Class Name" and set value to: "yourBtnLabelClass". http://prntscr.com/38b31m/direct/li

liCreate new "CSS" asset. And populate it with following code: http://prntscr.com/38b3oa/direct/li
precode
.yourBtnLabelClass:active{
background: #f00;
}/code/pre
That's all.

Regards./ol

[Yan Yi]

Thank you IIIya! That worked really well