Issues with ionic beta 14

[mrvamsidhar]

Hello, I am using tabbed slide box in my app. every thing works fine till beta 13. In beta 14, nav bar is not showing icons based on tab selection. It is always showing nav icons of last tab. Can some help me with this?

I created a plunk and posted this in ionic forum. http://forum.ionicframework.com/t/beta-14-nav-bar-is-not-showing-nav-buttons-with-ion-slide-change/15305.

Here is plunk: http://plnkr.co/edit/bzf6Fj?p=preview

[mrvamsidhar]

Hi Any input on this?

[saravmajestic]

Hey. Checked your plnkr. You need to remove "ion-scroll" in 'tsb-icons'. Updated plunker: http://plnkr.co/edit/XxLk1Cs4PasBaVozYE3V?p=preview

Hope it helps.

[mrvamsidhar]

hmm I am still not seeing any difference. Sorry If i did not phrase it well. my mistake. I just tried updated plnkr. when I am selecting different tab, the nav bar should update with respective nav icon relate to that tab. but it was not happening still.

[saravmajestic]

Hey, Understood your issue now :). Updated the plunker with the fix. 2 changes:

• in main.js use "$scope.onSlideMove" method for receiving the event and update your nav accordingly
• in tabbedSlideBox.js, added one line "$timeout(function(){$scope.onSlideMove({"index" : eval(index)});},100);" in "$scope.slideHasChanged" method.

Let me know if you still face any issue.

[mrvamsidhar]

Hey, thanks for update man..

But my issue was not resolved. On click of each tab, the icons on the nav bar should change. I am not seeing its getting changed. When user is in first tab(feedback.html), he should see a "plus" icon and "Trash" icon on nav bar. When user is in second tab(editfeedback.html), he should see a "edit" icon on nav bar. When user is in third tab(settings.html), you should see "refresh" icon on nav bar. Currently, all I am seeing is "refresh" icon no matter in which tab you are.

[saravmajestic]

This has to be handled in the app side code. In the "onSlideMove" method, based on the index of the tab that is selected, you can set the icons.

[mrvamsidhar]

Okay..this is some thing i am no knowledge of. How can we add icons to nav bar from *.js file? using $ionNavbarDelegate? Can you please let me know? This thing blocking us to update our app to ionic beta 14. Any chance can you update plukr?

[saravmajestic]

can you share a plunker which was working with pre beta 14? I will compare them and will be able to help you. By just looking at your code, since you are having separate views for each tab, this will not work with tabbedslidebox unless you redirect page to corresponding url. For ex, if url for first tab is "app/#firsttab", on clicking first tab, you can set url for the tab which will redirect to the corresponding page.

[mrvamsidhar]

Let me give a plunk with beta 13 in couple of mins.

[mrvamsidhar]

Hey this is new plunk i created from ionic beta 13 - http://plnkr.co/edit/6cBDC1?p=preview this is plunk i created using ionic beta 14 - http://plnkr.co/edit/bzf6Fj?p=preview.

If you observe, in ionic beta, you will see all the nav icons in nav bar. in beta 14, you will see only one icon.

Appreciate your help...

[mrvamsidhar]

Hey, Any help on this?

[mrvamsidhar]

Hey, Is there any input on this? I am only waiting for this fix to upgrade my project to ionic 14. I am doing exactly you mentioned - if url for first tab is "app/#firsttab", on clicking first tab, you can set url for the tab which will redirect to the corresponding page.

For your easy, I plunk both versions of my app (using beta 13 and beta 14). Can you provide any input on this?

[saravmajestic]

Hi, Just checked out your code. All your nav bar buttons are defined in different html files for different views. Ionic Beta 14 went through lots of changes which might be cause for this issue. I could not figure out root cause for this issue. Can you create a simple flow without tabbed slidebox and check with ionic forums? They might give you a solution.

[mrvamsidhar]

In regular flow it is working just fine. It is happening only with tabbedslide box. I already checked with ionic. They refereed me to you :) http://forum.ionicframework.com/t/beta-14-nav-bar-is-not-showing-nav-buttons-with-ion-slide-change/15305.

[mrvamsidhar]

Hey, IS there anyway i can fix this? Please share your thoughts. I really need to look for another control...(lot of rework just to update beta 14). Can you suggest any other solution to this? I also working with ionic team simultaneously.

[saravmajestic]

Hi, Sorry for the delayed response. I got busy with my project, so could not spend much time on this. I have not tested with this kind of project setup. So, it might take a while for me to figure it out.

[crissi]

try replaceing this code: angular.forEach(icons, function(value, key){ var a = angular.element(value); a.on('click', function(){ $ionicSlideBoxDelegate.slide(key); }); });

with this: angular.forEach(icons, function(value, key){ var a = angular.element(value); a.on('click', function(){ $ionicSlideBoxDelegate._instances[0].select(key); }); });

[mrvamsidhar]

hi crissi, Thanks for your reply. I changed as suggested but I still is not resolved. I started thinking this might be due to latest nav bar changes. I still debugging on this.... I am having different view for each tab. I am thinking consolidationg in to one view.(I know that is not elegant solution.)

Let me know if you have any inputs.

[saravmajestic]

Hi, Are you still facing this issue?