md-tab without header

[eqbalsajadi]

To use tab as multi-page component just add following css code:

md-tab-group[no-header] > md-tab-header{   
    display:none;
}

And add no-header attribute in md-tab-group component

<md-tab-group no-header>
...
</md-tab-group>

[eqbalsajadi]

@donroyco @Chan4077
Why not!? I'm using this patch to show a wizard form

for example in this code it is working properly:

<md-tab-group no-header #wizard>
    <md-tab label="Page1">
        ...
        <button md-button (click)="wizard.selectedIndex=1">Next</button>
    </md-tab>
    <md-tab label="Page2">
        ...
        <button md-button (click)="wizard.selectedIndex=0">Back</button>
    </md-tab>
</md-tab-group>

[donroyco]

@eqbalsajadi There are many other better ways to achieve this kind of functionality.

Please keep GitHub issues for bug reports / feature requests. Better avenues for troubleshooting / questions are stack overflow, gitter, mailing list, etc.

[eqbalsajadi]

@donroyco I though this is feature request + suggested solution

anyway sorry for that

[willshowell]

@eqbalsajadi Due to the volume of issue reports and limited resources to triage them, the team asks that you follow the issue template when filing a new issue. For feature requests, this means describing in detail the current limitations and your motivation/use-case. A standardized template helps them quickly identify duplicate requests and prioritize fixes and features.

Since you mentioned wizard form, you may be interested in #508 where there is already lots of discussion about tab reuse and accessibility concerns.

[eqbalsajadi]

@willshowell I got it. i forgot issue label. thank you
#508 is a good component for wizard functionality. but as it is not ready for now, I prefer to have a temporary solution like this.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}