Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
winkerVSbecks opened this issue Mar 26, 2014 · 3 comments
Closed

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

winkerVSbecks opened this issue Mar 26, 2014 · 3 comments

Comments

@winkerVSbecks
Copy link

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.

@adamdbradley adamdbradley added this to the 1.0.0-beta.3 milestone Mar 31, 2014
@ajoslin
Copy link
Contributor

ajoslin commented Apr 8, 2014

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>

@ajoslin ajoslin closed this as completed Apr 8, 2014
@mircobabini
Copy link

You can change the icons that way:

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

@GY22
Copy link

GY22 commented Jul 13, 2016

how to get a custom border color?

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Sep 8, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants