Questions tagged [ionic-tabs]

58 questions
0
votes
1 answer

How to place Tabs inside Popover

I am having the requirement where the app is having tab view. The fourth tab is having popover and that popover contains more 3 menus which should act as a tab means it should open like other 3 tabs. I have tried but the page is not displaying as…
0
votes
2 answers

ionic 3 & AdMobFree: Tabs behind banner

I have made an app in ionic 3 and configured an AdMob banner at the bottom which works (almost) perfectly. Whenever I open the keyboard and close it afterwards, my tab menu at the bottom just slips behind that AdMob banner. Screenshots: I…
Yassine Zeriouh
  • 480
  • 3
  • 10
  • 23
0
votes
1 answer

Ionic 4 simple tab in blank project

I have create a new project with ionic start myApp blank Now i need to add tab in to the project i have create folder tabs in pages and create two file inside tabs tabs.html tabs.ts in tabs.html
Ruydo
  • 305
  • 8
  • 18
0
votes
1 answer

ionic 3 side menu and tabs menu navigation

In my application, I have a side menu with items(home, contact, tab1, tab2) and tabs menu with tabs(tab1, tab2). When I click on tab1 or tab2 from side menu then tabs menu is visible on my page with the side menu, But when I click Home or Contact…
0
votes
1 answer

ionic 2/3- tabs positioning

I'm developing an Ionic app using Ionic 2. I implemented tabs in a couple of pages. But in one page, tabs need to be placed at the bottom and on other page, it needs to be positioned at top. Tabs in both these pages are different. For example, on…
Smokey
  • 1,857
  • 6
  • 33
  • 63
0
votes
2 answers

How to simulate a click on a ion-tab

I designed an element on the main page of my app that, when clicked, changes the active tab. I used to do the following: events.subscribe('change-tab', (tab, filterOnSport) => { console.log('TabsPage#constructor - change-tab event received…
Manuel RODRIGUEZ
  • 2,131
  • 3
  • 25
  • 53
0
votes
2 answers

How make um colorful tabs on Ionic 3?

I'm trying to make a colored navigation bar in Ionic 3. The menu that I want to build: I already tried to use styles for each ion-tab but it did not work, I also tried Overriding Ionic Sass Variables, I was not successful either. Can someone help…
Gilmar Cintra
  • 21
  • 1
  • 5
0
votes
1 answer

Ionic Programmatic Tab Population

I'm attempting to create a tab for each section of a menu. So I have the following data structure: [ { name: 'Wines', contents:[...] }, { name: 'Ciders', contents: [...] }, { name: 'Beers', contents:[...] } ] What I want is some sort of ngFor…
mwild
  • 1,483
  • 7
  • 21
  • 41
0
votes
0 answers

Hide header from Tab page when user open page from left Menu [ionic 2]

I am creating application with Tabs and Menu. Here how it looks now. When I click on some page from the Menu it shows something like this. I want to have tabs at the bottom but only header with title of the page clicked, not also header from the…
user5134138
0
votes
1 answer

How to hide ionic2 Tabs just for login page properly?

Here is what i trying to achieve, i want add Tabs component to my project, but i don't want the tab showing up before i logged in to the rest of the page. what i do is like this : my app.component.ts : export class MyApp { public rootPage: any =…
Ke Vin
  • 3,478
  • 11
  • 60
  • 91
0
votes
1 answer

how to pass data (or raise a event) from parent component to child component without using @input decorator in Ionic2

I am working with Ionic 2 and have a use case where there is a home page (parent component) and inside home page there is a tab layout and in Ionic 2 each tab is a separate component (child components). so in one tab, I am showing list of users and…
0
votes
1 answer

Ionic: I'm unable to create tabs properly

I've used to create tabs with some content on it using the following code:
user6039980
  • 3,108
  • 8
  • 31
  • 57
0
votes
3 answers

ionic - tabs not fixed at bottom of the screen

I'm having an issue when trying to use ionic tabs. I need them to be always visible at the bottom of the screen (something like position: fixed; bottom: 0; left: 0;). They problem I've got is that in my current setup, is not behaving like supposed…
Nick
  • 13,493
  • 8
  • 51
  • 98
1 2 3
4