How can I launch tabs manually?

SerKan_K · January 31, 2020, 1:10am

Hello, How can I start tabs-swipeable-wrap manually?

uslualper · January 31, 2020, 11:14am

If I understood your request correctly, you can do it very simply.

https://framework7.io/docs/tabs.html#tabs-app-methods

app.tab.show(tabEl, tabLinkEl, animate)

SerKan_K · January 31, 2020, 11:30am

Thank you for your answer, but that’s not what I am talking about. After the page loads, I add a div in tabs with javascript, but the tabs do not work, I have to manually restart the swiper part.

uslualper · January 31, 2020, 12:38pm

it will be more understandable if you share your codes

SerKan_K · January 31, 2020, 1:15pm

nolimits4web · January 31, 2020, 4:26pm

innerHTML += is the evil, you should never use it!

Use swiper’s api to append slides:

const swiper = app.swiper.get('.tabs-swipeable-wrap');

swiper.appendSlide('<div class="page-content tab swiper-slide">...</div>')

SerKan_K · January 31, 2020, 4:40pm

Thank you so much. I am delighted to be supported by the developer himself.

SerKan_K · January 31, 2020, 4:46pm

I have a little problem. Active line does not appear.
Screenshot_1

nolimits4web · January 31, 2020, 4:48pm

If you also added toolbar/tabbar manually then you also need to update/init it maually:

app.toolbar.setHighlight('.tabbar')

SerKan_K · January 31, 2020, 4:53pm

Thank you for your help.