面板折叠图标显示不正确
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 源文件。
- 确保您已添加
<h:head></h:head>
标签(即使它是空的)。不要使用 HTML 标签 (<head />
).
- 检查 web.xml 的 URL 模式。许多教程建议将 JSF 文件放入虚拟文件夹中,例如
<url-pattern>/pages/</url-pattern>
。不要那样做。像 <url-pattern>*.jsf</url-pattern>
这样的简单模式没有错。顺便说一句,这是默认设置,因此您可以安全地完全省略 url 模式。
- 如果失败,请添加 OmniFaces 的
CombinedResourceHandler
。这对我来说总是有用的。
- 检查浏览器中的 URL。也许您输入了
localhost:8080/index.xhtml
而不是 localhost:8080/index.jsf
?
- 如果您仍然遇到问题,请在 BootsFaces GitHub 存储库上提出一个问题(https://github.com/TheCoder4eu/BootsFaces-OSP/issues). But first read https://github.com/TheCoder4eu/BootsFaces-OSP/issues/157 - 您的问题可能已经在那里得到解决。
如下图所示,图标(在右上角)显示不正确。 通常,它是一个向下的箭头,正如您在 BootsFaces 的 showcase 中看到的那样。
我的 <b:panel>
看起来像:
<b:panel title="Beiträge (1)" collapsible="true"look="info">
如何显示正确的图标?
我没有使用任何特定主题,我使用的是 BootsFaces 0.7.0。
我们在这方面遇到了很多麻烦。很可能无法加载 Glyphicons 源文件。
- 确保您已添加
<h:head></h:head>
标签(即使它是空的)。不要使用 HTML 标签 (<head />
). - 检查 web.xml 的 URL 模式。许多教程建议将 JSF 文件放入虚拟文件夹中,例如
<url-pattern>/pages/</url-pattern>
。不要那样做。像<url-pattern>*.jsf</url-pattern>
这样的简单模式没有错。顺便说一句,这是默认设置,因此您可以安全地完全省略 url 模式。 - 如果失败,请添加 OmniFaces 的
CombinedResourceHandler
。这对我来说总是有用的。 - 检查浏览器中的 URL。也许您输入了
localhost:8080/index.xhtml
而不是localhost:8080/index.jsf
? - 如果您仍然遇到问题,请在 BootsFaces GitHub 存储库上提出一个问题(https://github.com/TheCoder4eu/BootsFaces-OSP/issues). But first read https://github.com/TheCoder4eu/BootsFaces-OSP/issues/157 - 您的问题可能已经在那里得到解决。