Проблема со стилем CSS на сервере Cumulocity

Я развернул свой проект angular 7 на сервере cumulocity. Никаких ошибок при сборке и развертывании приложения. Но стиль Bootstrap CSS не работает должным образом.

В package.json я упомянул эти зависимости. "@c8y/ngx-components": "1004.2.0", "@c8y/style": "1004.2.0", "@ng-bootstrap/ng-bootstrap": "^4.1.0",

введите здесь описание изображения


angular7 cumulocity
person vignesh babu    schedule 02.04.2019    source источник

Ответы (1)


arrow_upward
1
arrow_downward

В новом Angular Web SDK команда Cumulocity перешла на ngx-bootstrap. Он включен в ngx-компоненты, поэтому добавлять его не нужно.

Ваша проблема может заключаться в том, что некоторые стили отсутствуют, поскольку Cumulocity просто поставляется с подмножеством начальной загрузки. Возможно, вам потребуется добавить загрузочный CSS в ваше приложение, чтобы оно заработало:

  1. Добавьте запись о брендинге в package.json:
"c8y": {
    "application": {
      "name": "tutorial application",
      "contextPath": "tutorial-application",
      "key": "tutorial-application-key",
      "brandingEntry": "./branding/branding.less",
      "globalTitle": "Pied Piper IoT",
      "tabsHorizontal": true
    }
  }
  1. Затем добавьте в этот файл стили @c8y плюс начальную загрузку:
@import '~@c8y/style/extend.less';
@import '~yourpatt/to/boostrap.css';
person Jan Hommes    schedule 05.04.2019