Phonegap button state CSS change

Question

I am new to phonegap and despite some googling I haven't really figured out what's the best solution for creating buttons.

I mean, I want a clear indication that the button is pressed when i press it. If my press lasts longer, the button should look like it's "down". I tried using CSS hover and active states but it's not a satisfying result.

Would you recommend using some touch event library or what?

Thanks.

score 1 · Accepted Answer · edited May 23 '17 at 12:13

1

I found a pleasing solution now. It includes using xui.js touchstart and touchend events. This is what i was looking for.

No reaction from my HTML buttons in phonegap

edited May 23 '17 at 12:13

Community

1
1

answered Mar 05 '13 at 13:58

Capuchin

3,465
6
28
40

score 0 · Answer 2 · answered Mar 05 '13 at 13:33

0

Are you using any mobile frameworks like jQuery Mobile/Kendo UI Mobile? They have lots of mobile widgets including buttons. It's gonna be a big pain to create all the touch widgets from scratch.

answered Mar 05 '13 at 13:33

Nishanth Nair

2,975
2
19
22

I prefer creating my own styles, and I wouldn't like to overwrite all this stuff again with my custom styles – Capuchin Mar 05 '13 at 13:41
See this thread: http://stackoverflow.com/questions/6063308/touch-css-pseudo-class-or-something-similar . you will have to create your own touch event and then do the animation. – Nishanth Nair Mar 05 '13 at 13:45

Phonegap button state CSS change

2 Answers2