Uploaded image for project: 'PUBLIC - Liferay Faces'
  1. PUBLIC - Liferay Faces
  2. FACES-2367

Liferay Faces Bridge does not support the PrimeFaces 5.2 FontAwesome integration

    Details

      Description

      When PrimeFaces FontAwesome integration is enabled, the org.primefaces.renderkit.HeadRenderer class adds the font-awesome.css resource and renders an inline <link href="..." type="text/css" rel="stylesheet" />. However, since Liferay Faces Bridge overrides the PrimeFaces head renderer, it does not get an opportunity to do this. The fix would be to have the bridge's head renderer delegate to the PrimeFaces head renderer.

      Steps to Reproduce:

      1. Add the following to the WEB-INF/web.xml descriptor of any PrimeFaces 5.2 portlet:

      <context-param>
      	<param-name>primefaces.FONT_AWESOME</param-name>
      	<param-value>true</param-value>
      </context-param>
      

      2. Use FontAwesome icon. For example:

      <h:form>
          <p:commandButton action="#{fooBean.submit}" update="@form" icon="fa fa-plus" value="Submit" />
      </h:form>
      

      3. Deploy the portlet to Liferay Portal

      4. Add the portlet to a portal page

      5. Reload/view the portal page in Chrome

      6. Click on the View->Developer->View Source menu item in Chrome

      If the bug still exists, then the font-awesome.css resource will not appear on the page AND icon will not show.

      If the bug is fixed, the icon will appear.

        Attachments

          Activity

            People

            • Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Packages

                Version Package
                liferay-faces-3.1.5-ga6
                liferay-faces-3.2.5-ga6
                liferay-faces-4.2.5-ga6