Ion-tabs position/color, routing

  1. How can I have a button sitting atop and between the 4 bottom tabs?

  2. How can I make make the 4 tabs not reach the middle (i.e., have a space of, say, 20% screen width, in the middle?

  3. How can I set the background color of the top tabs?

  4. How can I share the tab html code, e.g., among multiple template .html files?

  5. How can/should each tab (both top and, secondarily, bottom) change the content of the center area? I don’t want sliding animation between tabs.

I.e., what AngularJS routing etc structures recommended to do this kind of thing?

Can you please demonstrate with CodePen examples?

Thanks so much!