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

Page indicators not showing up #39

Open
ullalaaron opened this issue Oct 30, 2017 · 2 comments
Open

Page indicators not showing up #39

ullalaaron opened this issue Oct 30, 2017 · 2 comments

Comments

@ullalaaron
Copy link

ullalaaron commented Oct 30, 2017

I'm using the plugin on android and the page indicators are not showing up.
Here is my markup

<slides #slides [pageIndicators]="true">
        <slide  class="slide-container">
         //Content
        </slide>
        <slide class="slide-container">
         //Content
        </slide>
</slides>

The related css is the following

.slides-container{
  margin-top : 20%;
  margin-bottom : 20%;
  height: 20%;
}
.slide-indicator-inactive{
  background-color: #fff;
  opacity : 0.4;
  width : 10;
  height : 10;
  margin-left : 2.5;
  margin-right : 2.5;
  margin-top : -100;
  border-radius : 5;
}

.slide-indicator-active{
  background-color: #fff;
  opacity : 0.9;
  width : 10;
  height : 10;
  margin-left : 2.5;
  margin-right : 2.5;
  margin-top : -100;
  border-radius : 5;
}

What am I missing?
I am currently using v. 0.4.3 of the plugin with nativescript angular v3.2.0

@ivanwitzke
Copy link

there's already a issue open for this, but no solution yet -> #5

@JoshDSommer
Copy link
Owner

@ullalaaron @ivanwitzke they should show up if you put the styling in your app.css file. adding it directly to the component doesn't work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants