FontAwsome 5.13

Post Reply
tkernstock
Posts: 57
Joined: 29 Jun 2010, 14:39
Location: Vienna, Austria

25 Jun 2020, 20:48

Next problem:

I would like to use FontAwsome 5.13 and followed the instructions here -> https://primefaces.github.io/primefaces ... /fonticons

When I start my application the fa- icons of Pandora show up as usual. But all component icons like ui-icon-carat-2-n-s are not found anymore.
I also tried the suggestion, to uncomment the icon overrides in _icons.scss like

Code: Select all

.ui-icon-carat-1-n { @include icon-override("\f106"); }
.ui-icon-carat-1-e { @include icon-override("\f105"); }
.ui-icon-carat-1-s { @include icon-override("\f107"); }
.ui-icon-carat-1-w { @include icon-override("\f104"); }
.ui-icon-carat-2-n-s { @include icon-override("\f0dc"); }
.ui-icon-triangle-1-n { @include icon-override("\f0de"); }
which are the codes for FontAwsome 5 and then recompile the theme.scss - still not working.

Then I looked at _forms.scss and _data.scss and found for example:

Code: Select all

              .ui-sortable-column-icon {
                    &.ui-icon-carat-2-n-s {
                        @include icon_override('\f0dc');
                    }

                    &.ui-icon-triangle-1-n {
                        @include icon_override('\f0de');
                    }

                    &.ui-icon-triangle-1-s {
                        @include icon_override('\f0dd');
                    }
                }
These are already the codes for FontAwsome 5.13 but the Sort Icons in the tables are still not displayed/found.

Please advice which steps I have to take to use FontAwsome 5.13 with Pandora. Thanx
Thomas
Using: Eclipse 2020-06, Java 8, Primefaces 8, Omnifaces 3.6.1, Payara Server 5.201, Deltaspike 1.8.2

cagatay.civici
Prime
Posts: 18303
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

04 Jul 2020, 09:53

I think the icon_override is for font awesome 4.x, to use 5.x and override the default icons you need to choose the suitable font family from since FA5 has different set of icons e.g. brands

https://github.com/FortAwesome/Font-Awe ... ss/all.css

Also not sure, FA5 is free to use like 4, please consult the licensing terms from their page.

tkernstock
Posts: 57
Joined: 29 Jun 2010, 14:39
Location: Vienna, Austria

05 Jul 2020, 00:24

Hi

thanx for your reply. I'm just wondering why an "official"? documention on https://primefaces.github.io/primefaces ... fonticons for the inclusion of fontawsome 5.X isn't working (regardless of licensing). With "v4-shims.min-jsf.css" my problems should be solved, but they are not.
I completely understand that you support your themes as they are, but since this question not only arises for pandora, I guess working solution for your themes in general would be helpfull for a lot of developers.

best
Thomas
Using: Eclipse 2020-06, Java 8, Primefaces 8, Omnifaces 3.6.1, Payara Server 5.201, Deltaspike 1.8.2

Post Reply

Return to “Pandora - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest