# Category: angular-ui-bootstrap

## AngularJS uibModal is invisible

I created a uibModal that should open when a button is pressed. And as far as I can see in the browser Inspector it opens. The problem is, it is invisible. If I change the .fade opacity through the Browser from 0 to 1 the Modal is displayed. But that does not help me for my code. in the index.html I have following included. <link rel=”stylesheet” href=”css/bootstrap.css”> <script src=”bower_components/angular/angular.js”></script> <script src=”bower_components/angular-route/angular-route.js”></script> <script src=”bower_components/angular-animate/angular-animate.js”></script> <script src=”bower_components/angular-bootstrap/ui-bootstrap-tpls.js”></script> […]

## Clickable uib-accordion with search filter

I’ve encounter a problem when trying to search inside the uib-accordion with search filter so that it’s status changes to open and at the same time if search is empty user could click the header to open the content. All solutions I’ve found gives only one option. Here is what I’m doing as written in solutions – https://plnkr.co/edit/lnWxv7PVR7cfrvrROchb?p=preview <div class=”input-group”> <input class=”form-control” ng-model=”searchText” placeholder=”Search” type=”search”/> <span class=”input-group-addon”><span class=”glyphicon glyphicon-search”></span></span> </div> <div class=”settings-tab”> <uib-accordion> <div ng-repeat=”item […]

## A responsive multi image carousel for AngularJs(1.x). Which changes according to screen size [on hold]

Using Angular-slick (http://vasyabigi.github.io/angular-slick/). Something Like This The carousel should change to single image carousel in mobile size. Different sized ie 1,3,5 image carousel in different screen sizes. Source: AngularJS