Menu
This might be a simple issue, but I'm new to this...
I am trying to have an md-tabs element that takes the entire screen, and have only the tabs' content scroll.
Here is an example on jsFiddle
Any ideas? thx!
489
Try this:
<body ng-cloak layout="column" ng-controller="AppController as app">
<md-toolbar layout="row" class="md-toolbar-tools">
<h1>Welcome!</h1>
</md-toolbar>
<div layout="column" flex>
<md-tabs md-stretch-tabs="always" flex>
<md-tab label="Tab1">
add our larger-than-life content here
</md-tab>
<md-tab label="Tab2">
</md-tab>
</md-tabs>
</div>
</body>
Adding the flex attribute to md-tabs will make the content of the inner tabs (md-tab) scrollable.
73
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
