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


  • Onsen UI

    @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 remove swipeable attribute, place a ons-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!


  • Onsen UI

    @CsLaci Perhaps you can use a <ons-modal animation="lift"> for your use case.


Log in to reply