Page 1 of 2

PrimeFaces Designer not showing icons/not changing colors

Posted: 09 Dec 2019, 14:24
by 491415
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

Re: PrimeFaces Designer not showing icons/not changing colors

Posted: 24 Dec 2019, 17:05
by mert.sincan
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,

Re: PrimeFaces Designer not showing icons/not changing colors

Posted: 07 Jan 2020, 12:44
by 491415
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.

Re: PrimeFaces Designer not showing icons/not changing colors

Posted: 09 Jan 2020, 11:25
by 491415
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.

Re: PrimeFaces Designer not showing icons/not changing colors

Posted: 21 Jan 2020, 08:16
by mert.sincan
I'll check and get back to you.

Re: PrimeFaces Designer not showing icons/not changing colors

Posted: 21 Jan 2020, 08:20
by mert.sincan
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,

Re: PrimeFaces Designer not showing icons/not changing colors

Posted: 30 Jan 2020, 16:18
by 491415
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?

Re: PrimeFaces Designer not showing icons/not changing colors

Posted: 03 Feb 2020, 08:58
by mert.sincan
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,

Re: PrimeFaces Designer not showing icons/not changing colors

Posted: 25 Feb 2020, 13:18
by gun
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).

Re: PrimeFaces Designer not showing icons/not changing colors

Posted: 28 Feb 2020, 11:38
by mert.sincan
Interesting! I still couldn't replicate it. Could you please try it with SASS command?

Thanks a lot!