Qlik Sense Mashups — простенькая мобильная версия своими руками

Для тех, кто хоть раз разрабатывал приложения на Qlik Sense, встроенная адаптация верстки под мобильное приложение является ужасной головной болью (no joke).

Вот лишь некоторые причины почему это действительно так:

  1. Невозможно выстроить порядок отображения элементов на странице и их видимость
  2. Невозможно произвести выборку прямо с диаграммы не разворачивая ее на весь экран. Это бесит, всегда надо два раза кликать, а потом ещё и назад возвращаться.
  3. Если в вашем интерфейсе есть текст-боксы, картинки и так далее, вы можете быть уверенны - они создадут в мобильной версии беспорядочную кашу. И никак вам этого не исправить.

Что ж теперь делать?

Решением этих и многих других проблем коробочного интерфейса Qlik Sense, является разработка своего собственного.

Не факт, конечно, что в результате у тебя не получится еще большая забаганая херня, но я искренне надеюсь что ты обладаешь хотя бы мизерными навыками HTML, CSS и JS (в моем случае именно мизерными, хе-хе).

Разработать свой интерфейс можно двумя способами: с помощью «мэшапов» (встроенный функционал) или если ты совсем хардкорный программест, то с помощью API, используя ядро системы - Qlik Core.

Сегодня мы рассмотрим первый вариант, а быть может когда-нибудь я доберусь и до второго. Время покажет.

Разработка интерфейса с помощью мэшапа

Так как я очень ленивый и мне в лом писать все с нуля, я зашел на сайт branch.qlik.com, и спиздил позаимствовал оттуда подходящую библиотеку шаблонов, а затем допилил ее под свои нужды.

Чтобы импортировать библиотеку особо напрягаться не надо:

  1. Скачиваем zip-архив c GitHub
  2. Заходим в QMC, в раздел Extensions
  3. Импортируем туда скачанный ранее zip-архив
  4. Заходим в dev-hub, и вуаля, наблюдаем наш мэшап в разделе mashups

По поводу dev-hub и разработки экстеншенов я уже писал в одной из своих статей тут.