Dear comunity,
Kindly help me on the below issue.
I want to use horizontal scroll to show available times of an user. The code below works but, as you can see in the attached image, the issue is that the elements are saved in 2 or more rows and I cannot add space between them.
<ion-scroll scrollX="true" style="width:100%;height:40px">
<ion-row class="vertical-padding-5">
<ion-col class="gray-border essential-padding pull-center" margin-left>
1:00
</ion-col>
<ion-col class="gray-border essential-padding pull-center" margin-left>
1:30
</ion-col>
<ion-col class="gray-border essential-padding pull-center" margin-left>
2:00
</ion-col>
<ion-col class="gray-border essential-padding pull-center" margin-left>
2:30
</ion-col>
<ion-col class="gray-border essential-padding pull-center" margin-left>
3:30
</ion-col>
<ion-col class="gray-border essential-padding pull-center" margin-left>
4:00
</ion-col>
<ion-col class="gray-border essential-padding pull-center" margin-left>
4:30
</ion-col>
<ion-col class="gray-border essential-padding pull-center" margin-left>
5:00
</ion-col>
<ion-col class="gray-border essential-padding pull-center" margin-left>
5:30
</ion-col>
<ion-col class="gray-border essential-padding pull-center" margin-left>
6:00
</ion-col>
<ion-col class="gray-border essential-padding pull-center" margin-left>
6:30
</ion-col>
<ion-col class="gray-border essential-padding pull-center" margin-left>
7:00
</ion-col>
</ion-row>
</ion-scroll>
Another issue is that this horizontal scroll does not work on Android only on iPhone (verified only with Ionicview).
Thanks in advance.
Paul