Tap highlight


#1

hi,

I want to implement the tap highlight for android app. According to latest android app guidelines there should be an indicator for tap action. Is there a way to implement a tap indicator any element with ng-click in ionic.


#2

You could pass $event to your ng-click function:

<a href ng-click="myFunction($event)">test</a>

You can get the event target over $event.target or something like this.
And then you can do what you want… add css class that has a animation like a glow-effect.

Greetz, bengtler


#3

If you don’t want anything fancy, you could try using a :active css selector

.button		{
	background: #cc0000;
	color: #ffffff;
	padding: 10px 20px;
	text-decoration: none;
}
	.button:active		{
		background: #00ff00;
	}

http://jsfiddle.net/andrewmcgivery/9BVk8/


#4

Sorry but woooar this looks like eye cancer ^^

If you are styling your app with sass.
You could use button-color variables of ionic and use lighten or darken to greate a nice effekt.


#5

Don’t like red and green? :stuck_out_tongue: