Ionic2 - How to custom the pager in ion-slides?

Ionic Framework ionic-v3
2

Hi @croi, you should check out the post I wrote over here. Check out the iDangerous Swiper api, it talks about the paginationbulletrender functionality.

You should attach options to your Swiper. How to do that is also explained over there. Then you should set the option PaginationBulletRender, and you can apply your custom class styles. The option example from their docs looks something like this:

  paginationBulletRender: function (index, className) {
      return '<span class="' + className + '">' + (index + 1) + '</span>';
  }

You should apply the classname you want to use and then you can style it in any way you want!

1 Like