with tab and tabbar-ruler added