问题标签 [bootsfaces]

I'm using the 0.7 version of bootsfaces to create a simple page, which has something like the following:

Now, the idea is that on clicking the button, a property is updated and the image should be re-generated (in this case a jfreechart graph - but this is besides the point.) I tested this with primefaces commandButton and it works fine (the graph is redrawn..) However with bootsfaces commandButton, nothing happens once the ajax call completes (I can see the call on the server side, but the graph is not reloaded.) I think it's down to how it must reference the image in the repeated block, but now sure what is wrong - has anyone come across this?

(NOTE: reason I don't want to use primefaces is that it does not integrate well with bootstrap)

我有以下代码可以使用selectOneMenu由BootsFaces. 它工作得很好，只是没有显示错误消息（验证失败）。使用 a <h:selectOneMenu>，它也可以工作。还有一个<b:inputText，完美。错误消息很简单，不显示<b:selectOneMenu>。

我该如何解决，在使用时显示消息<b:selectOneMenu>？

如果我在一个页面中同时使用 bootsfaces 和 butterfaces，则两个库都会导入它们捆绑的 jquery 和 bootstrap 样式表，如下所示：

如果两个库使用相同的版本，导入重复的东西会浪费带宽。如果两个库使用不同的版本，则可能会发生冲突。处理这个问题的最佳方法是什么？我可以选择性地禁用一个组件库来导入某些样式表或脚本吗？

我想知道，是否有任何方法可以将默认按钮替换<b:commandButton>为<b:iconAwesome>.

<h:commandLink>但是，它确实可以完美地与 a 一起使用。

替换，我的意思是完全替换，而不是图标在按钮上。只需检查上面的工作代码。

还有其他提示要提到吗？

（注：<b:...>是 BootsFaces 的一个组件。）

有关详细想法，请参阅此问题（和答案）。这是一个基本的（如果可能，请运行此示例。您可以简单地单击标签并开始（无效！）文件上传）：

我有一个<h:outputLabel>调用一个不可见的<p:fileUpload>. 它工作正常。现在，上面显示了这些错误消息（感谢 BalusC 提供的答案）。

所以现在，错误消息被显示，但主题是<p:message>。但该消息应始终看起来像来自 BootsFaces 的消息。您可以将其与单击按钮进行比较Invoke me。只需将以下代码添加到Manageed Bean：

正如答案中所指出的，JavaScript 是操纵 DOM 树的一种可能的解决方案。好吧，这不是我想要的（只是最坏的解决方案）。

是否有针对此类问题的 BootsFaces 特定解决方案？

我编写了一个小网络应用程序，它向用户显示图像和欢迎信息。根据设备的不同，文本应与图像并排，或者图像应居中在一行中，而文本应居中在另一行中。代码在 JSF（Bootsfaces）中，但也可以用纯 HTML 编写。

根据客户的屏幕尺寸隐藏和显示 div 是否正确？由于 DRY，我不喜欢图像和文本的重复。;)

我正在尝试探索 BootsFaces，但是我被困在 Navbar 中，因为 NavBar 没有在小屏幕上扩展。

这是我的index.xhtml

web.xml

最后pom.xml

这是桌面上显示的页面

和显示在移动设备中的页面 如上所示，即使显示了导航栏切换按钮，单击按钮时我也看不到（不展开）导航链接。

这是 Firebug html 代码

并且还让我知道在当前重叠<p:panel>后如何渲染<b:navbar>

我在 0.7.0 版中使用 BootsFaces。

在 BootsFaces 中，您可以使用<b:badge value="#{bean.size}"/>. 这很好用。

实际上我使用的是<b:panel title="Authors"/>.

我正在尝试<b:badge/>在标题旁边添加一个（如图所示）。有没有可能用 BootsFaces 实现这一点，或者在 CSS 中有一个很好的方法吗？你有其他使用这个的提示吗，特别是对于用户 XP？

我用 BootsFaces 创建了 webapp 应用程序。现在我想更改当前使用的主题。我已经克隆了 git 存储库并尝试通过根据下面提供的文档从 bootswatch 下载主题来更改主题。

定制

在有新版本的定制器之前，您仍然可以利用构建系统来定制外观。网上有很多 Bootstrap 定制器，例如 Bootswatch 。您需要的是一个包含变量的文件来自定义构建。一些定制器也会为您提供 .less 文件。

将文件放在构建的 BootsFaces/less 目录中并调整 bs-* 文件以使用您的变量 / .less 文件。

Bootswatch 我可以下载 variables.less、bootswatch.less，但在 bootsfaces 中有诸如 alerts.less、badges.less、bsf.less 之类的文件。我不确定如何自定义主题。我完全迷失了试图改变主题。

更新

这正是问题所在。从 bootswatch 或任何 Bootstrap 站点我都会得到 boots bootstrap.min.css，bootstrap.css但是在 bootsfaces 源代码中我找到bsf.css并theme.css归档在目录中BootsFaces-OSP-master\BootsFaces\css。theme.css在BootsFaces-OSP-master\BootsFaces-OSP-master\BootsFaces\themes目录和目录BootsFaces.css中BootsFaces-OSP-master\BootsFaces\min，我需要用bootstrap.css和替换bootstrap.min.css

正如您在下面看到的，图标（在右上角）没有正确显示。通常，它是一个向下的箭头，您可以在BootsFaces的展示中看到。

我的<b:panel>样子：

如何显示正确的图标？

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