Acumatica. Как мы можем добавить свои собственные значки в современный интерфейс? - PullRequest
Новая
       13

Acumatica. Как мы можем добавить свои собственные значки в современный интерфейс?

0 голосов
/ 28 июня 2018

Как мы можем добавить наши собственные значки (например, https://snag.gy/lEh0NT.jpg) в Modern UI через проект настройки? Итак, у нас есть файлы .svg, и нам нужно, чтобы в Modern UI мы могли использовать эти значки, как и другие. Спасибо

1 Ответ

0 голосов
/ 28 июня 2018

Для рабочих пространств и плиток в современном пользовательском интерфейсе Acumatica ERP использует значки из шрифта на основе Font Awesome . Начиная с Acumatica ERP 2017 R2 Update 5 (17.205.0015), вы можете создавать собственные значки в виде файлов SVG и использовать их для рабочих пространств и плиток вместе со значками по умолчанию или вместо них, как описано в этом разделе.

Чтобы добавить значок SVG для рабочей области или плитки

  1. Создайте файл SVG со значком. Следующий код показывает пример файла SVG. 

    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <path d="M0 0h24v24H0z"/>      
</svg>

  2. В файле окружите каждый тег <path> тегом <symbol>, указав значения следующих атрибутов:

    • id: указывает идентификатор значка. Система находит значок для его отображения по этому идентификатору. Значение атрибута также используется системой для создания имени значка, отображаемого в современном пользовательском интерфейсе (когда вы выбираете значок для нового рабочего пространства или новой плитки в режиме редактирования меню современного пользовательского интерфейса). Система заменяет подчеркивания в значении id пробелами для создания имени значка для пользовательского интерфейса.

      Примечание

      Вы можете включить несколько тегов <symbol> с разными значениями атрибута id в один файл SVG. Например, вы можете поместить несколько значков в один файл SVG, если предполагается, что все эти значки будут использоваться для плиток одного рабочего пространства. Это ускорит рендеринг рабочей области.

    • viewBox: определяет координаты для значка. viewBox должно быть квадратным (например, viewBox="0 0 24 24"). Вы можете вырезать атрибут viewBox из тега <svg> и вставить его в тег <symbol>. Если в одном файле несколько значков, убедитесь, что для каждого значка указаны правильные значения.

    В следующем коде показан пример файла SVG с внесенными необходимыми изменениями. 

    <svg xmlns="http://www.w3.org/2000/svg">
  <symbol id="my_icon" viewBox="0 0 24 24">
    <path d="M0 0h24v24H0z"/>
  </symbol>
</svg>
    Примечание

    Вам не нужно использовать другие теги (например, тег <use> или <style>) в теге <svg>. Значки ссылаются и автоматически заполняются цветами Acumatica ERP.

  3. Поместите файл SVG в подпапку Content/svg_icons в папке сайта.
    Теперь вы можете использовать этот значок в приложении так же, как и значки по умолчанию. Например, вы можете выбрать этот значок для нового рабочего пространства или плитки в режиме редактирования меню современного пользовательского интерфейса.

Замена значка по умолчанию на значок SVG

Чтобы заменить значок по умолчанию значком SVG, следуйте приведенным выше инструкциям, а в качестве значения атрибута id тега <symbol> используйте имя значка по умолчанию, который хотите заменить. , Например, если вы хотите заменить значок для рабочего пространства «Финансы», используйте id="balance-scale".

Примечание

Имя нужного значка по умолчанию можно найти в таблице MUIWorkspace базы данных приложения по имени рабочей области: столбец Title содержит имя рабочей области; столбец Icon содержит название значка.

Во время рендеринга современного пользовательского интерфейса браузер будет использовать значок из SVG вместо соответствующего значка по умолчанию.

...