Hi,
In the <ion-refresher>
we can set a custom spinner with spinner="spiral"
for example but is there a way to change its color because spinner="spiral-calm"
doesn’t seem to work ?
Regards
Hi,
In the <ion-refresher>
we can set a custom spinner with spinner="spiral"
for example but is there a way to change its color because spinner="spiral-calm"
doesn’t seem to work ?
Regards
This should work:
<ion-spinner icon="spiral" class="spinner-calm"></ion-spinner>
More information: http://ionicframework.com/docs/api/directive/ionSpinner
I wasn’t clear, I want to do that :
<ion-refresher on-refresh="gradeVm.doRefresh()"
spinner="spiral-calm">
</ion-refresher>
But it’s only working with:
<ion-refresher on-refresh="gradeVm.doRefresh()"
spinner="spiral">
</ion-refresher>
In that case it’s possible to style the spinner with CSS.
.spinner svg {
stroke: $calm;
fill: $calm;
}
Replace $calm
with #11c1f3
if you don’t use SCSS.
Thanks it’s working, it’s weird with spiral but it works
The weird part is that it’s working with the pulling-icon
:
<ion-refresher on-refresh="gradeVm.doRefresh()"
pulling-icon="ion-arrow-down-b positive"
spinner="crescent">
</ion-refresher>
I refer to this documentation but unable to make the dark color default backdrop disappear. My purpose is that the dark background change to same color with background or no color.
$ionicLoading.show({noBackdrop: true, duration: 1800,
template: ‘
My Label’
});