Questions tagged [primeng-dropdowns]

159 questions
2
votes
2 answers

primeng dropdown label width

I use a primeng dropdown input and I want to make the div that holds the label placeholder to have 100% width. Here is how I use it:
GabrielAV
  • 31
  • 3
  • 8
2
votes
2 answers

How to apply an Aria label to a sub-element of a PrimeNG component?

Initial scenario: PrimeNG 9.1.0 Angular 9.1.9 The accessibility test of Google's Lighthouse notes the missing Aria label for the chevron element of the PrimeNG dropdown component ("Buttons do not have an accessible name"). My usage in the HTML…
ThirstForKnowledge
  • 1,245
  • 1
  • 10
  • 27
2
votes
2 answers

How to show search result in primeng dropdown

I am trying to show search results after typed input text length more than 3 If it is text length less 3 I want to hide the search result area.I can use only inputId for identifier.How to achive this in priming…
Makizh
  • 189
  • 2
  • 9
  • 18
2
votes
1 answer

PrimeNG p-table scrollable scrollHeight last row p-dropdown to open upwards

Using following config: "@angular/cli": "^7.3.9", "primeng": "7.0.5", I have a page that uses PrimeNG's which is scrollable and has a scrollHeight set to 100%. This table is wrapped within a div that has fixed height of 300px. Created…
2
votes
1 answer

PrimeNG Angular 8 p-dropdown selectedItem template not rendering

Below is my markup for the custom template design for the PrimeNG p-dropdown control
2
votes
0 answers

NG Prime p-multiSelect disabled option not working

I am using primeNG v7.0.3 And I have an issue with the multiSelect, namely the possibility to disable an option based on SelectItem interface. this.roleOptions = [ { label: this.messages['GLOBAL.USER.ROLE.CLINIC_USER'], value:…
Exitl0l
  • 459
  • 2
  • 11
  • 27
2
votes
1 answer

PrimeNG Dropdown: Showclear displays clear icon initially

I'm using PrimeNG's Dropdown control throughout my Angular 7 app and it works fine. I usually always set the showClear property to true, which provides a little "x" button to the right of the text in the control that, when clicked, resets the…
Eddie
  • 1,228
  • 3
  • 17
  • 31
2
votes
2 answers

How to override inline style attributes of p-dropdown overlay div element

I'm using primeng p-dropdown module. I've attached an to show my data in three columns, name, address, and email respectively. Without using appendTo attribute leads to a lot of text dropping to the next row and an ugly horizontal…
user9406461
2
votes
0 answers

PrimeNG Form Validation

I am using a mix of primeNG controls and html controls. The issue is the primeNG controls don't work properly for the phone mask and for he auto-complete the style is different . for example: html (phone is never showing as red if the user set focus…
rgoal
  • 1,236
  • 11
  • 35
  • 61
2
votes
2 answers

RTL Primeng drop-down component

Is there any way to place the PrimeNG drop-down icon on left side of select? I tried
but didn't work correctly. Is there any other solution?
Vala Khosravi
  • 2,352
  • 3
  • 22
  • 49
2
votes
1 answer

How to get the text name of selected dropdown value

How to get the text name of selected dropdown value. Using a prime ng dropdown HTML
2
votes
4 answers

Custom content dropdown not working in PrimeNG?

I'm implementing a custom content dropdown. Is not working properly. It does not set selectedTestType value and It gives undefined value in the onChangeTestTypes.
Vivek Nuna
  • 25,472
  • 25
  • 109
  • 197
2
votes
1 answer

Primeng Component UI issues

I am working on PrimeNG components. But m having issues with UI display on the web browser. Right now, I want to display static dropdown. I have took reference from PrimeNG. The following code is to display that component. HTML File
Mihir B
  • 99
  • 11
2
votes
0 answers

How to do pagination on server side with ngPrime tables in Angular?

I could not find any documentation on it. The ngPrime has all the features required for my project standpoint, but I want to be sure that ngPrime table supports server side pagination as it is a required feature.
2
votes
1 answer

Primeng DataTable Dropdown doesn't work with options via column

I'm making a re-usable table component for my application based on DataTable from PrimeNG. My component has the following html code:
Gabriel Costa
  • 349
  • 1
  • 4
  • 13
1 2
3
10 11