PrimeFaces Designer not showing icons/not changing colors

491415
Posts: 16
Joined: 02 Aug 2019, 10:47

09 Dec 2019, 14:24

Hello, company bought PF Designer few months ago and as I'm testing it out now, when running maven command for local jetty server and when opening it in browser icons are not showing. Also when changing e.g. primary color variable, saving it and writing changes with scss, the colors don't change. What could be the problem here? Tried with several browser to check if it is not the browser problem but its the same in Brave, Chrome, Firefox, IE.

Picture: https://imgur.com/a/AwQkrSL

mert.sincan
Posts: 4318
Joined: 29 Jun 2013, 12:38

24 Dec 2019, 17:05

Hi,

Sorry for the delayed response. Which PF version are you using? If 6.2.11+ or 7.0(7.0+), please add the following style link into h:head;

Code: Select all

...
     <h:outputStylesheet name="primeicons/primeicons.css" library="primefaces"/>
</h:head>
Please see; https://github.com/primefaces/primefaces/issues/4228

Note: Nova and Luna themes use PrimeIcons. I'll add the above link for next version.

Best Regards,

491415
Posts: 16
Joined: 02 Aug 2019, 10:47

07 Jan 2020, 12:44

Thanks for the reply, but the problem is when I'm trying to do the same thing as Cagatay is doing in his video tutorial. I'm not using it in any project yet, but just trying it out.

491415
Posts: 16
Joined: 02 Aug 2019, 10:47

09 Jan 2020, 11:25

I've figured out what was the problem. It seems that in your "Primefaces Designer 1.0.1" files something is missing.
To explain myself, I've first downloaded 1.0.1 version and tried to do some changes and opened it in browser but icons were missing. After downloading version 1.0.0 all the icons were shown.
Maybe its just my computer but I'd say its worth testing by yourself.

mert.sincan
Posts: 4318
Joined: 29 Jun 2013, 12:38

21 Jan 2020, 08:16

I'll check and get back to you.

mert.sincan
Posts: 4318
Joined: 29 Jun 2013, 12:38

21 Jan 2020, 08:20

I couldn't replicate this issue. Please see my above comment. Also, do you get an error and could you please try it with our sample project?

Best Regards,

491415
Posts: 16
Joined: 02 Aug 2019, 10:47

30 Jan 2020, 16:18

Haven't tried with sample project, but like i said in my previous reply, version 1.0.0 works fine but 1.0.1 doesn't show the icons. Can you please try and confirm the issue?

mert.sincan
Posts: 4318
Joined: 29 Jun 2013, 12:38

03 Feb 2020, 08:58

Unfortunately, we couldn't replicate it. Do you get an error on console? Also, do you check if primeicons.css is installed using the browser's inspector?

Best Regards,

gun
Posts: 8
Joined: 16 May 2014, 12:28

25 Feb 2020, 13:18

The only problem I had with 1.0.1 was, that it contains no prebuilt theme.css in primefaces-mytheme, so it needs an initial SASS compilation.

Maybe helpful:

I'm using a maven sass plugin instead of command line SASS commands.

Code: Select all

<plugin>
    <groupId>com.github.warmuuh</groupId>
    <artifactId>libsass-maven-plugin</artifactId>
    <version>0.2.10-libsass_3.5.3</version>
    <executions>
        <execution>
            <phase>generate-resources</phase>
            <goals>
                <goal>compile</goal>
            </goals>
        </execution>
    </executions>
    <configuration>
        <inputPath>src/main/webapp/resources/${theme.fullname}</inputPath>
        <outputPath>src/main/webapp/resources/${theme.fullname}</outputPath>
        <sourceMapOutputPath>src/main/webapp/resources/${theme.fullname}</sourceMapOutputPath>
        <omitSourceMapingURL>true</omitSourceMapingURL>
    </configuration>
</plugin>
I've renamed primefaces-mytheme, so the following should work from scratch

Code: Select all

<inputPath>src/main/webapp/resources/primefaces-mytheme</inputPath>
<outputPath>src/main/webapp/resources/primefaces-mytheme</outputPath>
<sourceMapOutputPath>src/main/webapp/resources/primefaces-mytheme</sourceMapOutputPath>
When renaming the primefaces-mytheme folder it's important to rename occurences in files, too.
For example in _fonts.scss (and others).
PF 7.0.11, JSF 2.2.20, Liferay DXP 7.x on Tomcat 9.x

mert.sincan
Posts: 4318
Joined: 29 Jun 2013, 12:38

28 Feb 2020, 11:38

Interesting! I still couldn't replicate it. Could you please try it with SASS command?

Thanks a lot!

Post Reply

Return to “PrimeFaces Theme Designer API”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest