Quantcast
Channel: Ionic Forum - Latest topics
Viewing all articles
Browse latest Browse all 70612

How to used ionic content middle of screen in ionic-model?

$
0
0

@muhammad_asif wrote:

i used to ionic content middle of ionic-model screen but problem was there ionic-content top height different for any devices android ios ipad etc....
@mhartington
@brandyshea
solve my issue ...thanks.
here is my code

<ion-modal-view class="e-card">
<div class="list list-color">
<div class="item item-body item-size">
<img class="full-image cover-img-model" ng-src="{{cardlists[index].cardItem[id]}}" ng-click="closeLogin()">
</div>
</div>
<div class="list list-inset search bar-subheader">
<label class="item item-input search-bar">
<input type="text" placeholder="Search Contact">
<div class="img-search">
<span ng-include="'img/search.svg'"></span>
</div>
</label>
</div>
<ion-content has-bouncing="true" class="content" overflow-scroll=true>
<ion-list>
<div class="item item-avatar item-button-right">
<img src="img/david-jacob.png"/>
<h2 class="contact-name">haider ali</h2>
<label class="checkbox checkbox-style checkbox-energized">
<input type="checkbox">
</label>
</div>
<div class="item item-avatar item-button-right">
<img src="img/david-jacob.png"/>
<h2 class="contact-name">haider ali</h2>
<label class="checkbox checkbox-style checkbox-energized">
<input type="checkbox">
</label>
</div>
</ion-list>
</ion-content>
</ion-modal-view>

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 70612

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>