面板折叠图标显示不正确

Panel collapse icon is not displayed properly

如下图所示,图标(在右上角)显示不正确。 通常,它是一个向下的箭头,正如您在 BootsFaces 的 showcase 中看到的那样。

我的 <b:panel> 看起来像:

<b:panel title="Beiträge (1)" collapsible="true"look="info">

如何显示正确的图标?

我没有使用任何特定主题,我使用的是 BootsFaces 0.7.0。

我们在这方面遇到了很多麻烦。很可能无法加载 Glyphicons 源文件。

  1. 确保您已添加 <h:head></h:head> 标签(即使它是空的)。不要使用 HTML 标签 (<head />).
  2. 检查 web.xml 的 URL 模式。许多教程建议将 JSF 文件放入虚拟文件夹中,例如 <url-pattern>/pages/</url-pattern> 。不要那样做。像 <url-pattern>*.jsf</url-pattern> 这样的简单模式没有错。顺便说一句,这是默认设置,因此您可以安全地完全省略 url 模式。
  3. 如果失败,请添加 OmniFaces 的 CombinedResourceHandler。这对我来说总是有用的。
  4. 检查浏览器中的 URL。也许您输入了 localhost:8080/index.xhtml 而不是 localhost:8080/index.jsf
  5. 如果您仍然遇到问题,请在 BootsFaces GitHub 存储库上提出一个问题(https://github.com/TheCoder4eu/BootsFaces-OSP/issues). But first read https://github.com/TheCoder4eu/BootsFaces-OSP/issues/157 - 您的问题可能已经在那里得到解决。