javascript - Unable to get scroll on custom uib tabset -
i have following code , dynamic data load involved. need have scroll ng-repeat data. height 0 , doesn't allow create scroll.
<div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-10"> <section class="arrivals-details zero-margin"> <div class="vignette-img zero-margin"> <img class="img-responsive" src="images.jpg"/> </div> <section class="my-tabs" ng-init="indextab = 1"> <!-- uib tabs--> <uib-tabset> <uib-tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" disable="tab.disabled"> <div ng-include="tab.content" class="tabs-container-area">{{tab.content}}</div> </uib-tab> </uib-tabset> <!-- uib tabs end--> </section> <!--check in tabs end--> </section> <!-- slider starts --> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-10 text-center slider"> <img src="/ui/assets/images/arrivingreservations/slider.jpg" class="img-responsive" /> </div> <!-- slider ends --> </div> <div class="col-lg-2 visible-lg-block other-area"> <section class="others"> <h4> place holder</h4> </section> </div> </div>
$scope.tabs = [ { title:"tab1", content:'tab1.html' }, { title:"tab2", content:''}, { title:"tab3", content:''}, { title:"4", content:''} ];
<div class="serach-bar"> <div class="search-bar"> <div class="blue-icon"> <img class="img-responsive" src="blue.png"/> </div> <div>or</div> <div class="remove-outline-arrivals"> <div class="form-group has-clear form-group-arrivals" > <input type="text" tabindex="3" title="search last, first, res #, visual id" class="form-control" minlength="2" maxlength="100" returnkeytype="go" "/> <i class="glyphicon glyphicon-search"></i> <i class="glyphicon glyphicon-remove-circle form-control-clear "></i> </div> </div> <div class="search-filter-arrivals"> <i class="glyphicon glyphicon-filter"></i> </div> </div> <time>3:00 pm</time> </div> <!--need scroll here--> <div class="arrivals-result-list"> <div ng-repeat="data in datavm.list | orderby: 'primaryguestlastname'"> <!--<p>{{item[tab.title]}}</p>--> <div class="content-row"> <div class="col-sm-8 col-md-8 col-lg-8 guest-details"> <span class="guest-name">{{data.name}} </span><br/> <span class="guest-icons"> <i class="glyphicon glyphicon-picture"></i> <i class="glyphicon glyphicon-user"></i> <i class="glyphicon glyphicon-dashboard"></i> </span> </div> <div class="col-sm-1 col-md-1 col-lg-1 check-inn-details"> <i class="glyphicon glyphicon-ok"></i> <span class="green-text">2345</span> </div> <div class="col-sm-1 col-md-1 col-lg-1 check-inn-details"> <i class="glyphicon glyphicon-phone"></i> <span>o22222</span> </div> <div class="col-sm-1 col-md-1 col-lg-1 check-inn-details"> <i class="glyphicon glyphicon-plane"></i> <span>3227</span> </div> <div class="col-sm-1 col-md-1 col-lg-1 no-border-check-inn-details"> <i class="glyphicon glyphicon-home"></i> <span>3:10 pm</span> </div> </div> </div> </div>
Comments
Post a Comment