# Category: tabs

## dont work swiper slider inside tab and ng-repeat in angularjs

My slider is having difficulty when I’m on use tabs bootstrap and I use Angularjs ng-repet but when I get it and keep it inspacte without any changes , slider is fix and i reflesh on page having difficulty again . thx for help me Source: AngularJS

## Bootstrap tab redirects me to another HTML page

I’ve been working on a tab feature of my AngularJS program and I’ve come across an issue with the HTML coding for said feature. Effectively when I load the page, the information is presented as I would like it to be. However, once I click on the tab it redirects me to the main page of the application I’m working on. Am I missing anything which is causing me this bug? <div class=”profile-body”> <div class=”col-lg-12″> […]

## browser like tab using md-tab (css)

I am looking for css of browser like tab using md-tab. Please find attached screenshot for your ref. Overriding material tab css is complete headache. Source: AngularJS

## Angular md-tab & ng-repeat: adding custom style to specific tabs

I’m trying to customize a couple tabs because they’re different. Here’s what I have: <md-tabs> <md-tab ng-repeat=”tab in tabs” ng-class=”tab.customClass”> <md-tab-label ng-bind=”tab.label”></md-tab-label> </md-tab> </md-tabs> My issue: the custom class is not in the compiled md-tab-item I don’t know how many tabs I have, so I cannot write CSS based on position. Any ideas? Source: AngularJS

## How to implement Slidable tabs in Ionic 3 , having 10-12 views?

I am making an app in which I want on my homepage to display different views. thanks in advance 🙂 Source: AngularJS

## AngularJS Select Tab from Button Click

Using the AngularJS tabs directive, is there a way to select a tab from a button. Effectively what I would like to do is click the button ‘Select Tab 3’ and the third tab will be selected. <md-button id=”button” class=”md-raised”>Select Tab Three</md-button> <div ng-cloak> <md-content> <md-tabs md-dynamic-height md-border-bottom> <md-tab label=”one”> <md-content class=”md-padding”> <h1 class=”md-display-2″>Tab One</h1> </md-content> </md-tab> <md-tab label=”two”> <md-content class=”md-padding”> <h1 class=”md-display-2″>Tab Two</h1> </md-tab> <md-tab label=”three” id=”three”> <md-content class=”md-padding”> <h1 class=”md-display-2″>Tab Three</h1> </md-content> </md-tab> […]