ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
50.94k stars 13.52k forks source link

Custom pager-icon class as attributes for slide-box #916

Closed winkerVSbecks closed 10 years ago

winkerVSbecks commented 10 years ago

While using the slide-box I noticed that the pager icon is hard coded. My app design calls for hollow circles instead of filled ones. To solve this it would be nice to be able to pass it in as an attribute.

ajoslin commented 10 years ago

Couldn't you override the css class?

.slide-box.with-my-pager .slider-pager-page {
  background: red;
}
<ion-slide-box show-pager="true" class="with-my-pager">...</ion-slide-box>
mircobabini commented 9 years ago

You can change the icons that way:

.slider-pager-page:not(.active) i.icon:before {
    content: "\f401";
}
GY22 commented 8 years ago

how to get a custom border color?