I am working on an app but I cannot get any toolbar links to work that go to another page. Here is my code, I don't see anything wrong here:

Quote

<!-- Bottom Toolbar-->
<div class="toolbar tabbar tabbar-labels no-border">
<div class="toolbar-inner">
<a href="#index" class="tab-link open-page"> <i class="fa fa-home fa-2x"></i> <span class="tabbar-label">Home</span> </a>
<a href="#jobSearch" class="tab-link open-page"> <i class="fa fa-search fa-2x"></i> <span class="tabbar-label">Search</span> </a>
<a href="#" class="tab-link"> <i class="fa fa-envelope fa-2x"> <span class="badge bg-yellow">0</span></i> <span class="tabbar-label">Messages</span> </a>
<a href="#" class="tab-link" onclick="dmxDataBindingsAction('refresh','welcomeJobs',{})"><i class="fa fa-cloud-download fa-2x"></i><span class="tabbar-label">Refresh</span> </a>
</div>
</div>
<!-- /End of Bottom Toolbar-->

The last link to refresh the data works. The Messages link does not have a page to go to yet. But the first two links should work. I don't see why they don't. Also the badge on tab 3 (messages) does not overlap the icon like it should.

Disregard, I have solved this.

class="tab-link" should just be class="link"

and to fix the badge alignment .....

class="fa fa-envelope fa-2x" should be class="icon fa fa-envelope fa-2x"