Disable pagination on md-tabs

[lievenjanssen]

Is it possible to disable pagination on tabs?

I have small tabs that just show an icon and I want to display them next to eachother even if the screen width is small.

[robertmesserle]

@lievenjanssen It sounds like you are looking to disable the tab-stretching, not pagination. Is this accurate?

[robertmesserle]

I'll paste my (paraphrased) reply from the ngMaterial group:

You can disable stretching by adding the following attribute to your element: md-tab-stretching="never"

This is documented here: https://material.angularjs.org/#/api/material.components.tabs/directive/mdTabs

If you really do want to disable pagination, there is no current way to disable it; however, it should only occur when your content stretches beyond the available space within your tab bar. You could effectively disable it by expanding your tab-bar through CSS to fit its contents - otherwise, tabs would just be hidden and inaccessible.

[ThomasBurleson]

Or you could use a separate Tabs (without content) data bound to external content using an ng-switch: Then large tab content areas will not affect the sizing of the tab buttons and container.

@see Static Tabs Demo.

[lievenjanssen]

@robertmesserle setting md-stretch-tabs (documentation) or md-tab-stretching (your suggestion) to "never" doesn't work for me.

This is what I see:

Width large enough:

Width too small:

@ThomasBurleson I don't really understand what you mean.

[robertmesserle]

Can you include a codepen or plunker for this example? I suspect that the issue could be a large amount of padding throwing off the pagination logic. If that's the case, it should be very easy to fix.

[lievenjanssen]

Apparently version rc 7.0 fixes this issue. I plan to upgrade to this version once it's released so this issue can be closed.

[Bizarrus]

Im using v0.8.3-master-019a8d6 but i have the same problem:
i want to disable the "pagination/responsive" function - but how? Found nothing on Docs.