Questions tagged [primeng-dropdowns]

159 questions
0
votes
0 answers

Primeng Data Table column filter - Two dropdowns are displayed. One dropdown should be reduced

I have a primeng table and a multiselect dropdown filter for one of the column like "Agent" column in the below example primeng table filter When we click on the filter icon, "Agent Picker" multiselect dropdown will display. Then we again need to…
0
votes
0 answers

I am using prime ng with angular in my project and want to change the label color of dropdown to gery when [readonly]=true

I am trying to change the label color of p-dropdown when the readonly property is true. I want to change the color of the label to grey when the property [readonly] is true using css or any other method.
0
votes
1 answer

PrimeNG 15 dropdown issue with frozen column in table

I am working with Angular and PrimeNG version 15. I have a PrimeNG table with the first column frozen, the second column regular text and in the third column a dropdown. If you scroll horizontal the second column slides under the first column, but…
Herman Fransen
  • 2,200
  • 5
  • 24
  • 40
0
votes
0 answers

Primeng dropdown selected value not able to change from component

I am new to using Primeng controls, I am facing issue with dropdown selected value as I am not able to change value from component code. I have radio buttons on change of radio button I trying to change the dropdown value but I am not able to do…
0
votes
1 answer

Angular Primeng dropdown won't work after updating primeng to v.15

I'm working in an Angular project which uses Primeng. After updating Primeng to version 15.1.0 the dropdown wasn't expandable anymore. When clicking on the element this error message is showing: It's only the dropdown that doesn't work, all other…
ddahlman
  • 11
  • 4
0
votes
0 answers

How to use translate service in html of angular(prime ng library used)

I am having problem in traslating items selected in ([selectedItemsLabel]="'{0} items selected'") in html in angular {{'home.A1'| translate}}" tried this [selectedItemsLabel]="'{0} {{'home.A1'| translate}}'" but not working
0
votes
0 answers

Is there any way to add custom filter function to PrimeNg dropdown with a search filter bar?

I am new to PrimeNg and I wish to use PrimeNg dropdown and customize its filter function. The filter search bar is from [filter]="true" and the default filter function is from filterMatchMode which is getting all the data from the api first then…
Jenny
  • 13
  • 3
0
votes
1 answer

Primeng how to make sure dropdown formControlName is assigned after options was loaded

I have primeng dropdown p-drowdown and fetching options value from database. But the problem is dropdown value formControlName="fromWarehouseId" is assigned before [options]="fromWarehouseList" is assigned. For example ;
0
votes
1 answer

PrimeNG p-Dropdown width narrower than content

I'm using PrimeNG and p-dropdown to show a bunch of filtering options. However, in trying to make things responsive, p-dropdown seems to be fixed to a min-width of content and I can't seem to override it so that it might ellipsis the content or…
Nick Jacobs
  • 579
  • 2
  • 9
  • 29
0
votes
1 answer

how set other templates for elements from dropdown angular prime ng

I have a dropdown from PrimeNg with few elements. .ts this.cities = [ {name: 'New York', code: 'NY'}, {name: 'Rome', code: 'RM'}, {name: 'London', code: 'LDN'}, {name: 'Istanbul', code: 'IST'}, {name: 'Paris',…
Morra
  • 3
  • 1
0
votes
1 answer

PrimeNg: Drop down list not showing saved selections

I am trying to avoid using formbuilder, i want to use 2 way binding on the data source below is my html, problem is in the p-dropdown, when the component loads I get all the drop down lists but the selected list is not set the data coming from…
0
votes
1 answer

Angular: Set one element in dropdown list to readonly

Let's say I have a dropdown menu, with the following options: "WORK", "RELEASE", "OPEN". The second option "RELEASE" should be readonly in contrast to "WORK" and "OPEN". How can I do this? The template looks like this:
Marc
  • 25
  • 5
0
votes
2 answers

Values are not populating in multiselect dropdown values based on another multiselect dropdown PrimeNg

I have two multiselect dropdowns as given below. If I choose First dropdown :"ASIA" then Second dropdown should populate values: "India" and "UAE" First dropdown :"ASIA" and "EUROPE" then Second dropdown should populate values: "India", "UAE" and…
sujai
  • 23
  • 1
  • 4
0
votes
1 answer

Angular primeNg dropdown

I have a dropdown on each line of a table row and every time I select one option from dropdown the selected value is updated with same value on rest dropdowns: my html code: