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

Paginator: previous and next button icons not visible #12916

Closed
h3llrais3r opened this issue Apr 20, 2023 · 3 comments
Closed

Paginator: previous and next button icons not visible #12916

h3llrais3r opened this issue Apr 20, 2023 · 3 comments
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@h3llrais3r
Copy link

h3llrais3r commented Apr 20, 2023

Describe the bug

Using the paginator in combination with the table by setting [paginator]="true".
Running latest version 15.4.0 of primeng.
Navigation buttons are present, but icons are not visible.
The problem occurs since upgrade to version 15.
image

When overriding the templates within the p-table, it works as expected.

<ng-template pTemplate="paginatorfirstpagelinkicon">
    <p-button type="button" icon="pi pi-angle-double-left" styleClass="p-button-text"></p-button>
  </ng-template>
  <ng-template pTemplate="paginatorpreviouspagelinkicon">
    <p-button type="button" icon="pi pi-angle-left" styleClass="p-button-text"></p-button>
  </ng-template>
  <ng-template pTemplate="paginatornextpagelinkicon">
    <p-button type="button" icon="pi pi-angle-right" styleClass="p-button-text"></p-button>
  </ng-template>
  <ng-template pTemplate="paginatorlastpagelinkicon">
    <p-button type="button" icon="pi pi-angle-double-right" styleClass="p-button-text"></p-button>
  </ng-template>

image

The problem seems to be coming from the custom icon components (f.e. AngleDoubleLeftIcon) below not being rendered:
image

Environment

Any

Reproducer

No response

Angular version

15.2.8

PrimeNG version

15.4.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

16.20.0

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

Button icons to appear by default

@h3llrais3r h3llrais3r added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Apr 20, 2023
@h3llrais3r h3llrais3r changed the title Paginator: buttons not visible Paginator: previous and next button icons not visible Apr 20, 2023
@cetincakiroglu cetincakiroglu removed the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Apr 20, 2023
@cetincakiroglu cetincakiroglu self-assigned this Apr 20, 2023
@cetincakiroglu cetincakiroglu added this to the 15.4.1 milestone Apr 20, 2023
@cetincakiroglu cetincakiroglu added the Type: Bug Issue contains a bug related to a specific component. Something about the component is not working label Apr 20, 2023
@cetincakiroglu
Copy link
Contributor

Hi,

Thanks for reporting the issue, it'll be fixed in the upcoming release next week!

@h3llrais3r
Copy link
Author

h3llrais3r commented Apr 21, 2023

@cetincakiroglu I just tried the new release, and I can confirm it's fixed.
Thanks for the quick solution!
image

@gauravpatni123
Copy link

when there are no records in the p-table then in the paginator, I am unable to select page size from the dropdown as the dropdown is disabled , can someone help me on that ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests

3 participants