Tabs Background and Transparent Navbar

Ionic Framework ionic-v3
1

image
portfolio_sun-times_ui-ux.jpg800×600 141 KB

Someone can help me emulate this tabs and navbar configuration? Don’t need the statusbar tho.

Things I’m not sure are whether

  1. Tabs toolbar can have image as a background
  2. Can I change the navbar transparency with opacity in css?
  3. Can tabs take the space up to top of the app (where navbar belong) and then I stack it with the transparent navbar.

Thanks

2

Anyone can help? Please!

3

CSS is your friend here. You’d just have to modify the background color using rgba, probably around rgba(0,0,0,0.5)

4

Can you answer my first question?

5

@mhartington Thanks for your answer, that’s really helpful. :slight_smile:

6

Do you have answer for my 1st question?

Can tabs toolbar have image as a background?

@mhartington @nubito