[Ionic Tutorial] Beautiful Custom Tabs with Custom Icons

tutorials
21

Thanks!! really cool.

I need to get it work now with just 3 tabs (being the second tab the one with the +). So far my attempts make it look quite weird.

Also it would be amazing if the colors are aligned with the primary, secondary, etc… colors.

Thanks!

22

This is awesome… Great stuff @reinerluke97

23

A little adjustment to the tabs.page.scss on line 5: is to adjust the margin as below which gives it a proper centering and alignment. Good job @reinerluke97 once again.

margin: 5px auto 0px !important;
1 Like
24

@reinerluke97 the only cosmetic fix i can see is possibly removing the ripple effect from tab button 3 and adding it to the custom middle button so it more accurately appears to be the point of interaction

1 Like
25

Sensacional! Parabéns e muito obrigado por isso

1 Like
27

Works pretty smooth, well done and thanks o/