{"action":"reopened","issue":{"url":"https://api.github.com/repos/TheOriginalJosh/nativescript-ngx-slides/issues/5","repository_url":"https://api.github.com/repos/TheOriginalJosh/nativescript-ngx-slides","labels_url":"https://api.github.com/repos/TheOriginalJosh/nativescript-ngx-slides/issues/5/labels{/name}","comments_url":"https://api.github.com/repos/TheOriginalJosh/nativescript-ngx-slides/issues/5/comments","events_url":"https://api.github.com/repos/TheOriginalJosh/nativescript-ngx-slides/issues/5/events","html_url":"https://github.com/TheOriginalJosh/nativescript-ngx-slides/issues/5","id":199811039,"number":5,"title":"pageIndicators not showing","user":{"login":"zoeitsolutions","id":4047916,"avatar_url":"https://avatars1.githubusercontent.com/u/4047916?v=3","gravatar_id":"","url":"https://api.github.com/users/zoeitsolutions","html_url":"https://github.com/zoeitsolutions","followers_url":"https://api.github.com/users/zoeitsolutions/followers","following_url":"https://api.github.com/users/zoeitsolutions/following{/other_user}","gists_url":"https://api.github.com/users/zoeitsolutions/gists{/gist_id}","starred_url":"https://api.github.com/users/zoeitsolutions/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zoeitsolutions/subscriptions","organizations_url":"https://api.github.com/users/zoeitsolutions/orgs","repos_url":"https://api.github.com/users/zoeitsolutions/repos","events_url":"https://api.github.com/users/zoeitsolutions/events{/privacy}","received_events_url":"https://api.github.com/users/zoeitsolutions/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":13,"created_at":"2017-01-10T12:40:55Z","updated_at":"2017-05-24T11:00:06Z","closed_at":null,"body":"Thanks for the plugin, I can't get the pageIndicators to show.\r\n\r\nI followed the readme:\r\n\r\nIndicators\r\n\r\nIf the property pageIndicators is true you won't see the page indicators anymore as of 2.0.0 right away. there are two css classes exposed that you can setup however you like for active and inactive indicators. below is an example for semi translucent dots.\r\n\r\n```\r\n.slide-indicator-inactive{\r\n    background-color: #fff;\r\n    opacity : 0.4;\r\n    width : 10;\r\n    height : 10;\r\n    margin-left : 2.5;\r\n    margin-right : 2.5;\r\n    margin-top : 0;\r\n    border-radius : 5;\r\n}\r\n\r\n.slide-indicator-active{\r\n    background-color: #fff;\r\n    opacity : 0.9;\r\n    width : 10;\r\n    height : 10;\r\n    margin-left : 2.5;\r\n    margin-right : 2.5;\r\n    margin-top : 0;\r\n    border-radius : 5;\r\n}\r\n```\r\n\r\nI simply copied and pasted those into my slide.component.css file (which holds other classes for the component).\r\n\r\nThe other classes do pick up, I have tried setting the page bg to white or dark colours, but I still can't see any dots.\r\n\r\nslide.component.html\r\n\r\n`<GridLayout columns=\"*\" rows=\"*, auto\"  class=\"slide-bg\">\r\n    <StackLayout col=\"0\" row=\"0\">\r\n    <slides [loop]=\"false\" [pageIndicators]=\"true\" class=\"slide-bg\">\r\n        <slide class=\"slide-1\">\r\n            <Label text=\"Heading 1\" class=\"slide-heading h1\"></Label>\r\n            <Image src=\"https://placeholdit.imgix.net/~text?txtsize=19&bg=ffffff&txt=200%C3%97200&w=200&h=200\"></Image>\r\n        </slide>\r\n        <slide class=\"slide-2\">\r\n            <Label text=\"Heading 2\" class=\"slide-heading h1\"></Label>\r\n            <Image src=\"https://placeholdit.imgix.net/~text?txtsize=19&bg=ffffff&txt=200%C3%97200&w=200&h=200\"></Image>\r\n        </slide>\r\n        <slide class=\"slide-3\">\r\n            <Label text=\"Heading 3\" class=\"slide-heading h1\"></Label>\r\n            <Image src=\"https://placeholdit.imgix.net/~text?txtsize=19&bg=ffffff&txt=200%C3%97200&w=200&h=200\"></Image>\r\n        </slide>\r\n    </slides>\r\n    </StackLayout>\r\n    <StackLayout col=\"0\" row=\"1\">\r\n        <Button\r\n        text=\"Get Started\"\r\n        class=\"submit-button h2\"\r\n        height=\"80\"\r\n        (tap)=\"goToLogin()\"></Button>\r\n    </StackLayout>\r\n</GridLayout>`\r\n\r\nI have tried with and without the gridlayout / button at the bottom of the page. I have also tried increasing the size of the pageIndicators and removing opacity without any luck.\r\n\r\nThoughts? "}}
{"actor":{"display_login":"TheOriginalJosh"}}