Значок закрытия формы в построителе форм при использовании Formio

Question

Я использую конструктор форм в своем приложении, где при перетаскивании нового элемента появляется всплывающее окно со свойствами, относящимися к этому элементу, и проблема в том, что этот значок закрытия всплывающего окна не отображается вместо ключа, связанного с этим значком закрытия (D7), и функция закрытия также работает нормально.

Может кто-нибудь дать мне знать, в чем проблема ... Я не имею ни малейшего понятия, как я погуглил и не нашел решения

Кстати, я использую Bootstrap CSS в своем приложении, я думаю, что значки начальной загрузки переопределяют значки построения формы, но не уверены.

Вот стили:

 "styles": [
          "node_modules/bootstrap/dist/css/bootstrap.css",
          "src/assets/styles/app.scss",],

и версия formio, которую я использую: "angular-formio": "3.17.0",

Answer 1

Полагаю, это опечатка из Formio, в которой отсутствует \, а не какие-либо проблемы со шрифтами. Вы можете изменить это, как показано ниже.

.formio-dialog-close:before {
   content: '\D7' !important;
 }

OR

.formio-dialog.formio-dialog-theme-default .formio-dialog-close:before
{
   content: 'X' !important;
}