Quantcast
Channel: Ionic Forum - Latest posts
Viewing all articles
Browse latest Browse all 228595

Can-swipe for checkbox

$
0
0

Found a fix for this.

Add a custom class to ion-item

<ion-list can-swipe="true">
  <ion-item class="custom-class item item-checkbox" ng-repeat="item in items">
	<label class="checkbox checkbox-balanced">
	  <input type="checkbox" ng-model="item.checked" ng-change="checkedChange(item)">
	</label>
	{{ item.content }}
	<ion-option-button class="button-info">
	  Edit
	</ion-option-button>
  </ion-item>
</ion-list>

Then in your css file add these.

.custom-class {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.custom-class .checkbox input{
  left: -50px !important;
}

This worked for me HTH


Viewing all articles
Browse latest Browse all 228595

Trending Articles



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