Skip to main content Skip to footer

Using C1TabBarControl to display 'Notifications'

Background Few days back a customer came with the requirement of displaying notifications in our C1TabBarController. In his case notification was mainly to display the count of C1NavigationListItems inside C1NavigationList. The count varied depending on items being added or removed in C1NavigationList. To make the requirement clearer I have attached an image file below - Implementation - Now question is how to implement the above. In order to add the pop up to C1TabBarController we thought of adding a 'Div' element to WebPage with its initial 'Visibility' set to 'Hidden'. This div element will serve as the pop up and display the count of C1NavigationListItems inside C1NavigationList. It will be appended to 'C1TabBarController' as soon as C1NavigationListItem is added or removed displaying the current count. It is while appending only that the visibilty be changed to 'Visible' from 'Hidden'. Above quoted steps can very easily be bring to work using simpe jQuery - Here is the script we wrote- _ comments powered by Disqus