RE: Dropdown icon missing from OOB navigation template in custom theme

Jeff Hellman, modified 6 Years ago. New Member Posts: 11 Join Date: 7/11/19 Recent Posts
I generated my own Liferay 7.2 theme, and when adding a Navigation Menu portlet to the page using the "Bar minimally justified styled" template, I have noticed that none of the dropdowns have their down-arrow icon displaying.

Digging into the code I can see that the dropdown markup exists, along with the down-arrow class:

<i class="icon-caret-down"></i>

However it doesn't appear that anything in my custom theme was generated to support that.

  • What should I do to get icons into the theme?
  • Is there an npm dependency I need to include to support using Font Awesome or Lexicon icon libraries specific to Liferay?
  • Should I create my own CSS to style the "icon-caret-down" class and pull in my own icon library like https://www.npmjs.com/package/font-awesome?
thumbnail
Christoph Rabel, modified 6 Years ago. Liferay Legend Posts: 1555 Join Date: 9/24/09 Recent Posts
I think the icon is just in the classic theme.

You can find the css code here:
https://github.com/liferay/liferay-portal/blob/master/modules/sdk/gradle-plugins-theme-builder/src/gradleTest/classic/src/main/webapp/css/liferay-font-awesome/scss/_icons-alloy.scss

I hope this is useful to you.