Sidebar icon showing text "close" instead of icon

Forum rules
Please note that response time for technical support is within 3-5 business days.
DMann
Posts: 8
Joined: 22 Mar 2017, 03:37

01 Jul 2018, 03:19

Using Barcelona theme. I have both PrimeIcons and FontAwesome 5.1.0 installed. The "x" in the top-right corner of the sidebar is showing the word "close" instead of the icon. As a test, I added the markup for the icon:

Code: Select all

<span class="pi pi-times"></span>
elsewhere on my page and I get the same result - the text "close". Other PrimeIcon and FontAwesome icons are working fine. I also tried with FontAwesome 4.7.

What am I missing?

Thanks!

DMann
Posts: 8
Joined: 22 Mar 2017, 03:37

04 Jul 2018, 00:16

Any thoughts on this?

Thanks.

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

04 Jul 2018, 14:01

Sorry for the delayed response, We'll check and get back to you.

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

04 Jul 2018, 14:07

What PrimeNg version are you using?

DMann
Posts: 8
Joined: 22 Mar 2017, 03:37

04 Jul 2018, 18:16

PrimeNg 6.0.0. PrimeIcons 1.0.0-beta.9

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

05 Jul 2018, 10:11

1.What is your BarcelonaNG?
2.Also, you can send me "styles" part in your angular.json?

DMann
Posts: 8
Joined: 22 Mar 2017, 03:37

05 Jul 2018, 15:58

Barcelona version 6.0.0.
"styles": [
"apps/my-app/src/assets/styles.scss",
"node_modules/primeicons/primeicons.css",
"node_modules/@fortawesome/fontawesome-free/css/all.css",
"node_modules/primeng/resources/primeng.min.css"
],

I have one of the Barcelona theme stylesheets (currently theme-light-blue) referenced in my index.html file.

Thanks.

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

09 Jul 2018, 08:37

I tried but close icon is shown. Please can you send screenshot with developer tools like;
https://www.dropbox.com/s/gn452jc2bjlbn ... 7.png?dl=0

DMann
Posts: 8
Joined: 22 Mar 2017, 03:37

15 Jul 2018, 17:03

Sorry for the delay in responding, I got pulled into another project for a bit. We've removed the sidebar from the project for the time being, but I'm seeing the same thing using the Messages component. Where it should show the "Info" icon, it is showing the word "info". You can also see in the screenshot below, that the messages bar is also showing the word "close" instead of the close icon off to the right.

Thanks,

Dave

Screenshot available here: https://1drv.ms/u/s!AjNFM5eQ8AEpi55s1Sf3Nr5H23ejBg

DMann
Posts: 8
Joined: 22 Mar 2017, 03:37

27 Jul 2018, 23:54

Bump.

Post Reply

Return to “Barcelona - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests