Skip to content
This repository has been archived by the owner on Oct 20, 2018. It is now read-only.

Add button at points #94

Open
balco31 opened this issue Mar 15, 2018 · 1 comment
Open

Add button at points #94

balco31 opened this issue Mar 15, 2018 · 1 comment

Comments

@balco31
Copy link

balco31 commented Mar 15, 2018

I would like a small addition to this package at the points.

Actually at the points template inside the li's I would like to add a button wth specific class:
<button class="ngxcarouselPointLiButton">
It would be very helpfull in order to support progress bar style buttons at the points.

this change can be performed at ngx-carousel.component.js at template in line 539.

instead of:
template: "<div #ngxcarousel class="ngxcarousel"><div #forTouch class="ngxcarousel-inner"><div #ngxitems class="ngxcarousel-items"><ng-content select="[NgxCarouselItem]"><div style="clear: both"><ng-content select="[NgxCarouselPrev]"><ng-content select="[NgxCarouselNext]"><div #points *ngIf="userData.point.visible"><ul class="ngxcarouselPoint"><li #pointInner *ngFor="let i of pointNumbers; let i=index" [class.active]="i==pointers" (click)="moveTo(i)">",

to be
template: "<div #ngxcarousel class="ngxcarousel"><div #forTouch class="ngxcarousel-inner"><div #ngxitems class="ngxcarousel-items"><ng-content select="[NgxCarouselItem]"><div style="clear: both"><ng-content select="[NgxCarouselPrev]"><ng-content select="[NgxCarouselNext]"><div #points *ngIf="userData.point.visible"><ul class="ngxcarouselPoint"><li #pointInner *ngFor="let i of pointNumbers; let i=index" [class.active]="i==pointers" (click)="moveTo(i)"><button class="ngxcarouselPointLiButton">",

@sheikalthaf
Copy link
Owner

@balco31 soon you can customize the points with your our style.
For your remainder this carousel is depreciated. Instead use @ngu/caousel

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

2 participants