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

Popular posts from this blog

asynchronous - C# WinSCP .NET assembly: How to upload multiple files asynchronously -

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -