Welcome to Prime Discussions!

[atakantepe]

👋 Welcome to Prime Discussions!

This is your central hub for all things related to PrimeTek's suite of open-source UI libraries, including PrimeFaces, PrimeNG, PrimeReact, and PrimeVue. Here's what you can do:

🤔 Ask questions about our products in the relevant categories.
💡 Share your ideas and suggestions.
🛠 Showcase the projects you've built with our libraries.
🤝 Connect with other community members and the PrimeTek team.

Let's keep this a welcoming and productive space. We can work together and make both our community and projects better.💪

[Programmercito]

Why do the buttons in the showcase have an ink effect on the button and not the latest version of PrimeNG?

[cagataycivici]

Would be better to create a separate topic for this. Thank you.

[Weicai-Ling]

Hello,

The appearance of PrimeVUE looks exciting. I am new to PrimeVUE. Who could please advise the difference of the folders, such as pages,uikit and utilities under the views folder in sakai template? Should I create a new folder under the views folder to supply my .vue files for my application? https://github.com/primefaces/sakai-vue/tree/master/src/views

Really appreciate !

[JOROZCOF206]

Hello guys, I bought Apollo Template, so far so good. In this moment I have cleaning my template, deleting modules, deleting unnecessary things, so. I have a question, I changed the base path, that in this case is DASHBOARD, I do chaged for my base component, but when I make the change, it does not recognize the other routes, it redirects me 404. I have been checking all the modules, but I can't find how to change this base route.

This is base path for default.

{
path: '',
loadChildren: () => import('./demo/components/dashboards/dashboards.module').then(m => m.DashboardsModule)
},
But I changed for this:
{
path: '',
loadChildren: () => import('./components/home/home.module').then(m => m.HomeModule)
},
Other paths, redirect to 404. Only work it, if I add some letter o word to new path

Some help?

[sokvotha]

Hello , currently i have a project with PrimNG version 14 , and i want to update my project to latest version, but now it got wrong style for verson 14 use p-grid and latest version use grid , how can i replace it to correct style ?

[bgosse2010]

I'm a little bit confused on how to get the selected values from a primevue treeselect in checkbox mode. I see lots a examples of how to set it up but none on how to get the resulting selections. Here's my treeslect:

<span class="p-float-label"> <TreeSelect v-model="selectedEnterpriseProjectGroups" :options="nodesRef" selectionMode="checkbox" placeholder="Enterprise Project Groups" class="md:w-20rem w-full" /> <label style="margin-left: 8px" for="dd-module" >Enterprise Project Groups</label > </span> <Button style="margin-top: 2px" @click="onEnterpriseProjectGroupsChange" icon="pi pi-search" v-tooltip.bottom="'Submit'" ></Button>

Here's the onEnterpriseProjectGroupsChange method:

const selectedEnterpriseProjectGroups = ref(null); async function onEnterpriseProjectGroupsChange() { console.log("selectedEnterpriseProjectGroups: ", selectedEnterpriseProjectGroups.value); var selectedLookups = JSON.parse(JSON.stringify(selectedEnterpriseProjectGroups.value)) ; console.log("selectedLookups: ", selectedLookups); }

My TreeNode structure seems to be ok and I can select multiple nodes from the treeselect. The selectedEnterpriseProjectGroups object looks something like this:

{
"4": {
"checked": false,
"partialChecked": true
},
"4-0": {
"checked": true,
"partialChecked": false
},
"4-1": {
"checked": true,
"partialChecked": false
},
"4-2": {
"checked": true,
"partialChecked": false
}
}

I can it has my the keys I had setup being referenced but I'm sure what I do with this. I guess I was hoping for an array that had the original data value I set for each node. Any help would be greatly appreciated.

[bgosse2010]

Well I figured out how to get the keys by using a Map:

const selectedEnterpriseProjectGroups = ref(null); async function onEnterpriseProjectGroupsChange() { var selectedLookups = JSON.parse( JSON.stringify(selectedEnterpriseProjectGroups.value) ); var selectedLookupsMap = new Map(Object.entries(selectedLookups)); for (const [key, value] of selectedLookupsMap.entries()) { if (value.checked) { console.log(key, value); } } }

I guess I need to do a look up in my original node tree.

[prateekjain123]

I am trying Urls which are not http or https and editor coverts them to about://blank.
Is there any way to fix it?

[ShevchukOleg]

optionDisabled - not working.

Hi, bug defined:
`

<p-multiSelect
[options]="cities"
[(ngModel)]="selectedCities"
placeholder="Select Cities"
optionLabel="name"
display="chip"
[showClear]="true"
[optionDisabled]="disabled"

`

`import { Component, OnInit } from '@angular/core';

interface City {
name: string;
code: string;
}

@component({
selector: 'multi-select-chips-demo',
templateUrl: './multi-select-chips-demo.html',
})
export class MultiSelectChipsDemo implements OnInit {
cities!: City[];
cities2!: string[];
disabled = 'New York';

selectedCities!: City[];

constructor() {}
ngOnInit(): void {
this.cities = [
{ name: 'New York', code: 'NY' },
{ name: 'Rome', code: 'RM' },
{ name: 'London', code: 'LDN' },
{ name: 'Istanbul', code: 'IST' },
{ name: 'Paris', code: 'PRS' },
];
this.cities2 = ['New York', 'Rome', 'London', 'Istanbul', 'Paris'];
}
}`

{ "name": "primeng-multi-select-chips-demo", "description": "PrimeNG MultiSelectChipsDemo", "license": "MIT", "keywords": [], "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test" }, "dependencies": { "primeng": "17.13.0", "@angular-devkit/build-angular": "^17.3.1", "@angular/animations": "^17.3.1", "@angular/cdk": "^17.3.1", "@angular/cli": "^17.3.1", "@angular/common": "^17.3.1", "@angular/compiler": "^17.3.1", "@angular/compiler-cli": "^17.3.1", "@angular/core": "^17.3.1", "@angular/forms": "^17.3.1", "@angular/platform-browser": "^17.3.1", "@angular/platform-browser-dynamic": "^17.3.1", "@angular/platform-server": "^17.3.1", "@angular/router": "^17.3.1", "chart.js": "3.3.2", "primeflex": "^3.3.1", "primeicons": "^7.0.0", "quill": "1.3.7", "rxjs": "~7.8.1", "tslib": "^2.5.0", "zone.js": "~0.14.0" } }

[nitishmishra08]

Hi All,
I have an angular 16 application with grapesjs integration, is there any way to use PrimeNg components as custom blocks in grapesjs.