向所有角-formio/formio元素添加自定义CSS类。

Question

我正在尝试将角formio嵌入到一个标志性的4 PWA应用程序中。据我所知，formio不包括Ionic的模板。因此，我又回到了使用孤立的-启动带作为解决方案。这使我可以做以下工作：

<div class="ion-padding">
  <div class="bootstrap">
    <form-builder [form]="{
      components: []
    }"></form-builder>
  </div>
</div>

在这里，我使用<form-builder>类将角formio bootstrap元素包装在div中。这是很好的工作，似乎让Ionic和Bootstrap风格共存。我将需要应用一些CSS调整，以使它恰到好处，但它目前是可行的。

我的问题是，formio弹出了自己的对话框来编辑表单元素。这些对话框被插入到这个元素之外的DOM中，因此没有必需的bootstrap CSS类。

有任何方法可以告诉角-formio，或底层的formio.js添加一个CSS类到它的所有元素和对话框中，以便将孤立的启动带应用于这些元素？

Answer 1

在formio中，可以使用cssClass属性应用引导类来形成字段，使用customClass应用您自己的CSS类。