Stack Overflow
Stack Overflow

Questions tagged [ionic-tabs]

58 questions
9
votes
3 answers

Ionic 4 navigate to tabs

I'm working on an Ionic 4 project, I've generated a tabs project. What I want to do is create a Login page which is the default page. When a user has signed in successfully I want to navigate to the tabs. When I'm trying to do this I get the…
Robin.v
  • 719
  • 3
  • 8
  • 16
5
votes
3 answers

Hide tabs on keyboard open

I want to hide my tabs when the keyboard is open, and show the tabs again when the keyboard is closed. I know that I can go just for "AdjustSpan", and thats it, but the problem is that if I do that, the keyboard also hides an input that I have for a…
Mystearica
  • 167
  • 1
  • 3
  • 12
5
votes
4 answers

Ionic2 Tabs after logout still showed up in navigation page, what i missed here?

Here is what i trying to achieve, i already log in into my aplication, but when i logout, the tab is still there until i refresh my page in my login screen, i want it gone from my login screen when i logout how, what i missed here? Here is what i do…
Ke Vin
  • 3,478
  • 11
  • 60
  • 91
4
votes
3 answers

tabs and tab custom icon in ionic 3

i am building an ionic application in which i am using ionic tabs at the bottom for navigation for the whole application.. i want to add custom svg as tabs icon. i don't know how can i do this but if there is any solution kindly provide the link or…
sabih siddiqui
  • 133
  • 3
  • 12
3
votes
4 answers

Ionic 5 ion-tabs hiding in some specific pages

I have created tab pages and included in my app.component.html file by selector my problem is that I want to hide tab in some specific pages can anyone help me with that. below I'm sharing the code which I have created tab page. tab.page.html …
Aasif Khan
  • 35
  • 1
  • 6
3
votes
2 answers

Cant hide Ionic Tab first

I'm trying to create Ionic-3 Tab option, it's working fine, but my issue is I don't want to display 1st tab in tab menu,but I want to display 1st tab menu in page details in 1st time page opening ,I'm try to hide this 1st tab , but its not working…
core114
  • 5,155
  • 16
  • 92
  • 189
3
votes
1 answer

Ionic 2 Super Tabs not showing properly in browsers

I'm using Ionic CLI v3.5.0 and Ionic2 Super Tabs v3.0.2 But the tabs are not displaying properly. On clicking the tabs, page changes but they are not displaying. Here is my app.module.ts. I have added SuperTabsModule.forRoot() as indicated in the…
Vishal Singh
  • 585
  • 1
  • 5
  • 9
3
votes
3 answers

Editing Ionic tab icon styles

I am working on an Ionic project where the main navigation method is tabs. The center tab needs to stand out so I created a style in my scss like this: i.icon.ion-ios-camera { height: inherit; border-radius: 100em; background-color:…
James Parsons
  • 6,097
  • 12
  • 68
  • 108
2
votes
1 answer

Ionic Angular router component caching issue

Currently, I am developing an Ionic 5 application with Angular 9 (Single page app) and I am having some issues regarding the routing/component caching (At least that is what I think) and would need a bit of help. I will try to explain my situation…
Ognjen
  • 85
  • 1
  • 2
  • 9
2
votes
0 answers

ionic 4 nested tabs ion-tab-button 'tab' property is not working properly for nested tabs

I am using ion-tabs for my frontend angular ionic app. I am using nested tabs, So 1st ion-tabs have 3 tabs, Tab 1, Tab 2, feature-tabs and feature-tabs has 3 tabs, Tab 4, Tab 5, Tab 6. I have used the Angular routing. So the routes look like the…
Reactive_learner
  • 417
  • 1
  • 4
  • 21
2
votes
2 answers

Ionic 4: How to set border to the selected ion-tab-button?

I tried applying the following css but didn't work. *.scss ion-tab-button[aria-selected=true] { border-top: 1px solid blue; } *.html
Manoj Shrestha
  • 4,246
  • 5
  • 47
  • 67
2
votes
2 answers

ionic 2/3: How to select tabs dynamically

I created a sidemenu app in Ionic 2 which contains a Main Tab and 3 sub tab pages. It looks like this: This is the code for Main tabs page:
Smokey
  • 1,857
  • 6
  • 33
  • 63
2
votes
0 answers

Uncaught (in promise): invalid link: TabsPage

I am making ecommerce app in ionic2. While using tabs page I am getting below Runtime error Uncaught (in promise): invalid link: TabsPage tabs.ts import { Component } from '@angular/core'; import { NavController, IonicPage } from…
SUN
  • 973
  • 14
  • 38
2
votes
1 answer

How to share variables across components in Ionic 2?

In Ionic 1 (With Angular 1), I can create a $scope.abc on the ngApp layer and other ngControllers can inherit $scope.abc with ngModel, so that when a text area in one controller changes, the others will change accordingly via ngModel. How may I…
Sunny Pun
  • 726
  • 5
  • 14
2
votes
1 answer

how to dynamically set templateUrl in ionic tabs?

Is it possible to pass a templateUrl parameter to the .state tab definitions similar to the following? I have multiple different pages to write and don't want a bunch of nested ng-ifs within a single template to parse out which "html" page to…
rolinger
  • 2,787
  • 1
  • 31
  • 53
1
2 3 4