Notice: The Monaca & Onsen UI Community Forum is shutting down.
For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.
Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.
ons-ripple in ons-list-item won't worked on iOS
-
I’ve developed an application with Cordova.js and Onsen.io on Monaca Cloud IDE.
I’ve got some issues about iOS and ons-ripple. ons-ripple effect won’t worked on tappable ons-list-item on iOS but worked in Android. How can I made ripple effected ons-list-item on iOS?
-
@birfincankafein Did you specify material as the modifier or designate ripple for the attribute if not using material? Such as:
<ons-list-item tappable ripple>Tap me</ons-list-item>
OR
<ons-list-item tappable modifier="material">Tap me</ons-list-item>
-
@birfincankafein It’s a bit weird to have ripple effect on iOS. Normally you want it
tappable
in iOS and we automatically convert it toripple
for the Android version. If you want to force ripple then, as @munsterlander suggests, just writeripple
attribute:<ons-list-item ripple>
. You can try it in the tutorial.