Worklight tabbar

Question

I am working on Worklight version 6.1.I have created a Worklight project, added a Hybrid app and then added the iPhone environment to that application.I have generated Xcode environment and have added controller classes to that Xcode project.I have to add worklight Tab bar in my application.I am having html (web) page as the first page and from there I am navigating to view controller page.Added below function in main.js.

    var tb = WL.TabBar;
      tb.init();
      tb.addItem("One", function () {
        } ,"First",  { image : ""});
     tb.setVisible(true);
     tb.setSelectedItem("One");

I am able to get the Tab bar items in web page.But Tab bar is not showing in any of the view controller screen.What I should do to have Worklight Tab Bar both in web and Native ios Screen.Help me to solve this.

if my answer below helped you resolve your problem, please mark it as Answered. — Idan Adar

Idan Adar Idan Adar · Accepted Answer · 2014-06-28T09:41:51

Worklight uses Cordova, so when you launch your application what you see is the generated Cordova Web View by Worklight.

When you navigate to a native page (in your case, a new Class), you are essentially moving away from the Web View and into another View Controller, so you will not see the WL.TabBar instance in that View Controller (the tabbar belongs to the other one).

The following blog post contains background information on the architecture of a Worklight app and explains how to combine native controllers, such as a tabbar, in Cordova-based apps. Read it thoroughly and implement accordingly:

Combining native and web controls in Cordova based applications

Worklight tabbar

3 Answers