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-tabbar lift animation
-
Dear all,
how can I set ‘lift’ animation transition in tabbar setactivetab method? Based on documentation it would be possible to set it via option.animation param, but it doesn’t work.
https://onsen.io/v2/api/js/ons-tabbar.html#method-setActiveTab
-
@CsLaci Hi! I think ‘lift’ animation in tabbar is quite uncommon :confused:
Ours is a swiping tabbar so it doesn’t support other animations. However, if you really want it, you can removeswipeable
attribute, place aons-navigator
inside a tabbar page and then overwrite the click behavior of the tabs to load pages in the navigator. Something like this. This is not “official” behavior but it should work fairly well.
-
Hi Fran! I know it’s quite uncommon, I wouldn’t use it as a standard navigation method but like a status change for one tab page.
The tabbar + navigator method produces other - probably resolvable - problems like storing values in tabs on bringPageTop/pushPage, therefore i dropped my idea…
Many thanks for your efforts!
-
@CsLaci Perhaps you can use a
<ons-modal animation="lift">
for your use case.