Stack Overflow
Stack Overflow

Questions tagged [ionic-tabs]

58 questions
1
vote
0 answers

Ionic Tabs not working properly when coming from same module (Ionic tabs)

I have the case when have 5 tabs at the bottom( home, about, profile, lob/first, lob/second ). first 3 of them are coming from different module and they look great but the last two of them are from the same module and this ones are not ok , when you…
kiki
  • 11
  • 1
1
vote
0 answers

Ionic2-Super-Tabs content become empty when change tabs

I am using ionic2-super-tabs v4.3.1. I have 3 tabs which is used inside a component (It is not for main navigation. Using as a segmented control). I have set a component as the Root. For the first time page load, tab 0 is selected by default.…
smartsanja
  • 4,413
  • 9
  • 58
  • 106
1
vote
1 answer

Ionic 4 ion-tabs - ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment:

My app-routing.module.ts: { path: 'conversation-tabs', children: [ { path: 'conv-conversation', children: [ { path: '', loadChildren: …
J.Do
  • 303
  • 6
  • 26
1
vote
1 answer

styling ionic tabs items

I'm using Ionic 4 and using Tabs layout. I have to design the tabs items like For this, the tabs.page.html is like ... …
Anuj TBE
  • 9,198
  • 27
  • 136
  • 285
1
vote
0 answers

Ionic 4 nested tabs

I have a 3 tabs on bottom which is the parent tab. It generated through CLI. I need another 2 tabs on top which will be as a child of the second tab. I am using Ionic 4 latest version. Is there any way I can achieve it. I couldn't find a solution.…
Rithin
  • 21
  • 1
  • 8
1
vote
0 answers

Ionic 4 Tabs label size?

How can we change the tab buttons label size in ionic 4? The style is locked inside shadow-DOM: :host(.layout-icon-top) .tab-btn{ --text-font-size: 20px; font-size: 20px } I tried like this but it didn't work.
Hari
  • 97
  • 1
  • 9
1
vote
1 answer

ionic 3 with AdmobFree : ion-tabs disappears after closing share to email modal

I am developing ionic(version:3.20.0) ios app and added Ad Banner using Admob Free plugin (cordova-plugin-admob-free 0.13.0) at the bottom. I have set the overlap:false. It shows the Ad Banner at the bottom of Footer Tabs(ion-tabs) which is…
Tony
  • 85
  • 1
  • 13
1
vote
2 answers

Ionic 3 Super Tabs Showing Black Screen

I'm trying to use super tabs for ionic 3 and its just showing a black screen and the tabs are not loading correctly (Seen in the picture). Why do you think this is happening? app.module.ts import { SuperTabsModule } from…
jrocc
  • 1,274
  • 2
  • 18
  • 48
1
vote
2 answers

How to Remove tabs in specific page in ionic2?

I am new to ionic2, I want to remove tabs from specific page. I am using below code : import { NavController, App } from 'ionic-angular'; constructor(public navCtrl: NavController, public app: App){ this.navCtrl.push(MainPage); } but whenever…
Pavan Reddy
  • 173
  • 1
  • 3
  • 11
1
vote
1 answer

Ionic 3+: how to navigate away from tabbed interface?

My Ionic application first loads LoginComponent and when user successfully logs in, loads the main TabsComponent view which allows to switch between corresponding child views. I am trying to make it load standalone LoginComponent without tabbed…
mikhail-t
  • 4,103
  • 7
  • 36
  • 56
1
vote
1 answer

Ionic3 select tab for dynamic/async tabs

I am using angularfire2 in my ionic 3 project to fetch data from firebase database. I am making my tabs using a for loop. Now problem is that it is not selecting the default tab.I need to click myself to view page. Here is my…
Azam Alvi
  • 6,918
  • 8
  • 62
  • 89
1
vote
1 answer

Child views in ionic 3 tabs shows two headers when child component is viewed

i am building ionic 3 app, i have page that have three tabs, the tab contains orders, when an order is clicked, its details page is viewed but here two headers appear, one header of tab view and the other header of order's detail page. i am adding…
Imdad Ali
  • 727
  • 1
  • 8
  • 18
1
vote
1 answer

Why ion-tab not working in ionic

I am new to ionic. I am trying to play around with ion-tabs. Following is my code :- // Ionic Starter App // angular.module is a global place for creating, registering and retrieving Angular modules // 'starter' is the name of this angular…
Mangu Singh Rajpurohit
  • 10,806
  • 4
  • 68
  • 97
1
vote
0 answers

Share data/params between child tabs on Ionic2 (Angular2)

Having an app with tabs, I need to share data between them. So in the first tab I do public static data= {}; Then on the second tab I import the first page and get data using FirstTab.data. Is this considered wrong? Is there a better way to share…
Olezt
  • 1,638
  • 1
  • 15
  • 31
1
vote
1 answer

Ionic tab stuck with first showed view

I found an undesired behaviour with the ionic tabs. Basically i have some tabs, in the first tab i have 3 views, one leading to another with the tab1Initial giving access to the tab1internal1 view, and this one giving access to the tab1internal2…
Orion390
  • 127
  • 1
  • 8
1
2
3 4