Аддоны
21
Май
2

RichUX

RichUX – это мощный аддон для CRM, который позволяет выводить на форму карточек связанные записи в виде красиво оформленных плашек.

Главные функции RichUX:

  • Вывод на форму связанных записей (и их атрибутов) и/или технологический процесс их обработки этих записей;
    • Выведенные на плашку иконки и цвет плашки могут быть либо на статичными, либо зависеть от значения определённого поля записи;
    • При клике на плашке открывается соответствующая запись;
    • Гибкая фильтрация записей на основе FetchXML.
  • Возможность отображать записи тремя возможными плашками: маленькие, средние или широкие;
  • Выполнять дополнительные действия при клике на плашках.

Для использования импортируйте в CRM Решение RichUX.

В результате в CRM будет создано три вспомогательных объекта, с помощью которых настраивается отображение плашек различных объектов:

  • Группа вкладок (Tab Group) – контейнер для группы вкладок, между которыми можно переключаться находясь в текущем окне;
  • Вкладка (Group) – отдельный объект, отображаемый на вкладке;
  • Действия (Actions) – настраиваются специальные плашки и действия, выполняемые при клике на них.

После их настройки группа вкладок выносится на форму объекта или Панель мониторинга.

Реализуем небольшой пример, по ходу которого рассмотрим основные параметры RichUX. Для примера выведем плашки Возможных сделок на форму Организации:

  • Создайте новую группы вкладок (Tab Group). Задайте для нее:
    • Имя, по которому Вы будете обращаться к группе вкладок. Например «Организация»;
    • Strip number prefix – по умолчанию, порядок вывода вкладок отсортирован по названию. При этом Вы можете задать для названий вкладок числовой префикс (например, «02 Возможные сделки»), в результате чего сможете управлять порядком вывода вкладок. А с помощью данного параметра Вы сможете удалить числовой префикс из выводимых названий вкладок.
  • Создайте новую запись вкладки (Tab). Задайте для нее следующие параметры:
    • Name – отображаемое имя вкладки;
    • Style – один из четырех стилей плашек, с помощью которых отображаются записи:
      • Small – маленькая иконка (48×48). Можно задавать действия при клике и действия при наведении мыши, никакого текста на ней нет;
      • Medium – иконка и четыре текстовых поля. Текст может быть статичным или браться из полей отображаемой записи;
      • Wide – тоже самое что и Medium, но более широкая плашка;
      • Process Flow – отображает специальный контрол, на котором выводятся шаги какого-либо процесса.
    • Type – способ формирования заголовков для плашек:
      • Entity Search (FetchXML) – заголовки отбираются с помощью FetchXML;
      • Action Buttons – в заголовках будут отображаться названия связанных Rich UX Actions.
    • Fields – здесь задаются различные параметры с помощью которых форматируются тайлы. Полных их перечень смотрите инструкции по настройке (ссылка приведена в конце статьи). Для нашего примера задайте такие параметры:
      OnClick | OpenForm | clickAction | opportunityid
      Attribute | None | title | name
      Attribute | None | zone1Text | estimatedvalue
      Attribute | None | zone2Text | estimatedclosedate
      Attribute | None | zone3Text | closeprobability
      Css | Equals | cssClass | opportunityratingcode ; 1 = hot ; 2 = warm ; 3 = cold
      Icon | Range| iconUrl | estimatedvalue ; 0 > https://cdn0.iconfinder.com/data/icons/48_px_web_icons/48/money_gold.png ; 15000 > https://cdn2.iconfinder.com/data/icons/finance_icons/PNG/png48/coins.png ; 30000 > https://cdn0.iconfinder.com/data/icons/ie_Financial_set/48/02.png
      

      Здесь мы задаем следующие параметры:

      • Что произойдет в случае клика на плашке;
      • Заполняем текстовые области значениями отобранных в FetchXML атрибутов;
      • Меняем цвет плашки и иконку выводимую на ней в зависимости от вероятности заключения сделки.
    • FetchXML – здась задается запрос для отбор записей, которые будут выводтся в виде плашек. При этом Вы можете подставлять в запрос следующие ключевые слова:
      • @id – будет заменен GUID’ом записи, на форме которой выводится RichUX;
      • @<attributeLogicalName> – будет заменен значением атрибута выведенного на форму. Если значение не задано, то будет выведено предупреждение.

      Для нашего примера нужен такой запрос:

      <fetch version="1.0" output-format="xml-platform" mapping="logical" distinct="false">
        <entity name="opportunity">
          <attribute name="name" />
          <attribute name="estimatedvalue" />
          <attribute name="estimatedclosedate" />
          <attribute name="customerid" />
          <attribute name="opportunityratingcode" />
          <attribute name="closeprobability" />
          <attribute name="opportunityid" />
          <order attribute="estimatedclosedate" descending="false" />
          <filter type="and">
            <condition attribute="parentaccountid" operator="eq" value="@id" />
          </filter>
        </entity>
      </fetch>
      
  • Action – здесь определяются специфические тайлы и действия выполняемые при клике на них. Нам они сейчас не понадобятся;
  • Добавьте на форму Организации Веб-ресурс msd_RichUX.html и передайте в качестве параметра название группы вкладок в следующем формате:
    tabGroup=<name of tab group>

    В нашем примере:

    tabGroup=Организация

На этом все. Идем смотреть на няшные контролы 🙂



В данном примере мы рассмотрели только маленькую часть всех возможностей RichUX. Все возможности RichUX приведены в инструкции.

Комментарии (2)
  • Роман 21.05.2015

    Хорошая штука! Но ни как не могу заставить с обращения отображать

  • slivka_83 21.05.2015

    Когда я его настраивал у меня обычно не отображалось из-за неправильных параметров передаваемых в поле Fields.

*

code