Adding notification bubble to ons-tabbar removes icon & label
-
Using RC19
Hi,
I try to add an notification bubble to the tabbar. There is an example in the theme roller patterns:
<ons-tabbar> ..... <ons-tab page="timeline.html"> <div class="notification reply-notification" ons-tab-inactive>4</div> <ons-icon icon="ion-at" class="tab-icon"></ons-icon> </ons-tab> </ons-tabbar> .....
Result:
My code looks like this:
Without notification everythings looks fine
<ons-tabbar class="btm-toolbar"> .... <ons-tab page="html/options.html" label="Options" icon="icon-options"> <div class="notification" ons-tab-inactive>4</div> </ons-tab> .... </ons-tabbar>
Result:
When I add the notification:
<ons-tabbar class="btm-toolbar"> .... <ons-tab page="html/options.html" label="Options" icon="icon-options"> <div class="notification" ons-tab-inactive>4</div> </ons-tab> .... </ons-tabbar>
Result:
The icon and the label are missing. Also in the DOM!
Why?
Thank you!
-
@Flosef said:
Sorry I made a mistake in the post above. Correct:
My code looks like this:
Without notification everythings looks fine
<ons-tabbar class=“btm-toolbar”>
…
<ons-tab page=“html/options.html” label=“Options” icon=“icon-options”>
</ons-tab>
…
</ons-tabbar>…
Any ideas?