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.

active-icon attr of ons-tab does not work



  • I created new project from monaca with default “Onsen UI” option. I selected “Onsen UI V2 JS Tabbar” template.

    <ons-page>
        <ons-toolbar>
          <div class="center" id="toolbar-title"></div>
        </ons-toolbar>
        <ons-tabbar position="auto">
          <ons-tab label="Tab 1" icon="ion-social-bitcoin-outline" active-icon="ion-social-bitcoin" page="tab1.html" active>
          </ons-tab>
          <ons-tab label="Tab 2" icon="ion-social-bitcoin-outline" active-icon="ion-social-bitcoin" page="tab2.html">
          </ons-tab>
        </ons-tabbar>
      </ons-page>
    

    I added active-icon attr into ons-tab as mention in document. I expected to get different icon while tab was selected. Am I missing something? This quite a simple setup.

    Bests,


  • Onsen UI

    @Tanut-Apiwong Looks like this was an open issue already. I fixed it, should be good for the next release. Thank you :+1: