generator-jhipster-primeng | Generate PrimeNG components and their features | Security library
kandi X-RAY | generator-jhipster-primeng Summary
kandi X-RAY | generator-jhipster-primeng Summary
This is a JHipster module, that is meant to be used in a JHipster application. The minimum required version of JHipster is >=6.8.0. This module is used to generate components, using PrimeNG.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of generator-jhipster-primeng
generator-jhipster-primeng Key Features
generator-jhipster-primeng Examples and Code Snippets
Community Discussions
Trending Discussions on generator-jhipster-primeng
QUESTION
I tried:
- official getting started guide for PrimeNG
- Steps to integrate PrimeNG with JHipster (sorry if this is a duplicate post, have no rep to comment there)
- generator-jhipster-primeng
and some other articles and stackoverflow posts with no luck on getting the latest PrimeNG 6+ to work with the latest JHipster 5+. It mostly works, but the styles are a bit off - mainly it seems like primeicons aren't working.
For example, I tried the primeng filter table example and it mostly works except the icons such as the dropdown arrows appear as empty boxes as well as others not appearing correctly. I suspect this may have to do with primeicons not importing correctly?
Has anyone got this to work? I tested using a fresh install of everything but I can post code if really needed.
...ANSWER
Answered 2018-Aug-25 at 14:08Sorry guys it's working for me, I just got tripped up on using generator-jhipster-primeng
which doesn't work out of the box. Steps here mostly work, just have to include primeicons. I included full directions below anyways.
However, the layout/css styles are still somewhat off (maybe they conflict with JHipster/bootstrap) and you'll have to tweak some of the official PrimeNG examples, such as using instead of old
style icons.
Steps to integrate PrimeNG into JHipster project:
1. Add dependenciesyarn add primeicons primeng @angular/animations
- may need to use the same version of Angular core for animations to avoid problems
In vendor.css
(or vendor.scss
if you use Sass) add:
QUESTION
I'm not a pro with jhipster and web application programmation. So maybe my question is stupid, I would like to know if it's possible to use a Bootstrap theme like the one you can find here : link for Jhipster's homepage?
If yes what should I change to update the CSS in Jhipster and how should I adapt the JavaScript files?
If it's not possible with Bootstrap do you have something similar that can be used on Jhipster?
Here is my Jhipster version:
...ANSWER
Answered 2018-Jul-06 at 15:56You need to import the necessary files of the theme you want. Most bootstrap themes are composed of CSS files and some JS mainly, etc.
Import those files in your jhipster project could do it through "vendor.ts", with the following steps.
- Go to
"myprojectjh\src\main\webapp\content"
. - Create a folder for your theme. (ex. "mytheme01").
- Open the created folder and copy the necessary files of the theme (ex: "theme.css").
- Go to
"myprojectjh\src\main\webapp\app"
and open the file "vendor.ts". - Write the following line to import the necessary files (ex: "theme.css").
import '../content/mytheme01/theme.css'
. - Save the changes and run your application again.
Your file vendor.ts could look like this:
NOTE: Additionally, you can edit the file "_bootstrap-variables.scss" or "global.scss" to make some other necessary adjustments so that your theme is displayed correctly.
I hope that helps you.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install generator-jhipster-primeng
Run JHipster-PrimeNG module using yo jhipster-primeng command
Select your favourite theme
Either select component group or individual components
Select your component and navigate to required features
Run client and server side environments Client: npm start Server: ./mvnw
Open application in the browser using http://localhost:9000
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page