Help to arrange full length in tab bar

[Tikesh_Soni]

Please help to arrange full length in tab bar…

[Mohamed_Tamer]

See here:

I am using view pager but want to use more than four tabs. How can I achieve that?

Try to set the Tabs mode property to Fixed That’s how it should look like: [IMG_20201126_181554]

You need to change the TabMode property to Fixed, the same property exists in the TabLayout component.

Source :- TabLayout - TabsMode

[Rogerio_Rios (Professional Support)]

A little research … and testing …

Tab Layout - Kodular Docs

[Enderman (Shreyansh)]

Turn On Fixed Option

[Tikesh_Soni]

Explain please

[Mohamed_Tamer]

See my answer above to know what block / property should you use , you could also check the documentation as @Rogerio_Rios said.

[Rogerio_Rios (Professional Support)]

@Tikesh_Soni

Explain please

Friend , please Read @Mohamed_Tamer answer.
Read … Please

@Mohamed_Tamer

You need to change the TabMode property to Fixed, the same property exists in the TabLayout component.

[Tikesh_Soni]

I tried but tab text not show full length and tab aren’t scroll..

[Mohamed_Tamer]

Have you set the tab mode property to Fixed
It works with me as I’ve already shown
https://kodular-community-uploads.s3.dualstack.eu-west-1.amazonaws.com/original/3X/d/7/d7581d0f744944848f0976ba160a181c248e4104.png
And the tabs are scrollable.
This how you should set it:

@Mohamed_Tamer

[Tikesh_Soni]

I want to do this
If you have idea please make a demo or AIA file please

[Mohamed_Tamer]

I made some experiments , seems that you have to set the tab mode from the blocks in order to work , this behaviour didn’t happen with the view pager Try to use this block on screen Initialize:

I set the tab mode to 1 for fixed as the documentation says. Adding it before it after creating tabs works for me.