How to manage ion-refresher size


#1

first,my application have scroll refresher and side-menu
how to hide “pull to refresh…” text that show in the picture below and show only when i want to refresh the page

Here my code

<ion-content has-header="true">
<ion-refresher nf-if="blocking==false" on-refresh="RefreshPage()"
                 pulling-text="Pull to refresh..."
                 refreshing-text="Refreshing!"
                 refreshing-icon="ion-loading-c">
</ion-refresher>

already tried with and without has-header


#2

Do you have an ion-list in your content? Follow this layout and it will take care of it.

<ion-content >
  <ion-refresher
    pulling-text="Pull to refresh..."
    on-refresh="doRefresh()">
  </ion-refresher>
  <ion-list>
    <ion-item ng-repeat="item in items"></ion-item>
  </ion-list>
</ion-content>

#3

Thanks, I thought I could use div with list class
It’s work now