Добавить пользовательский класс CSS ко всем элементам angular -formio / formio - PullRequest
0 голосов
/ 13 февраля 2020

Я пытаюсь встроить angular -formio в приложение Iconi c 4 PWA. Насколько я могу судить, formio не включает шаблон для Ioni c. Поэтому я вернулся к использованию Isolated- Bootstrap в качестве обходного пути. Это позволяет мне делать следующее:

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

, где я оборачиваю элемент angular -formio <form-builder> в div с классом bootstrap CSS. Это работает хорошо и, кажется, позволяет сосуществовать стилям Ioni c и Bootstrap. Мне нужно будет применить несколько CSS твиков, чтобы получить точно , но пока это работает.

У меня проблема в том, что formio открывает свои собственные диалоги для редактирования элементов формы. Эти диалоги вставляются в DOM за пределами этого элемента и поэтому не имеют требуемого bootstrap CSS класса.

Есть ли какой-либо способ, которым я могу сказать angular -formio или лежащее в основе formio. js добавить класс CSS ко всем его элементам и диалоговым окнам, чтобы к этим элементам применялся изолированный Bootstrap?

...