Перейти к основному содержимому
Версия: 1.21.3

Мобильное приложение и Адаптивность

Мобильное приложение

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

Интерфейс мобильного приложения схож с интерфейсом десктопного экземпляра, однако обладает своей спецификой. Приложение поддерживается на Android и iOS. Подробнее о том, как установить приложение, читайте в статье Мобильное приложение SimpleOne.

Адаптивность

При использовании платформы, благодаря адаптивному дизайну, SimpleOne определяет разрешение устройства пользователя и настраивает используемый шаблон под экран.

Все страницы агентского интерфейса имеют контрольную точку = ширина экрана в 767px. В этот момент отображается мобильная версия.

Контрольная точка – это условная точка, указывающая на визуальные изменения; в данном контексте это значение ширины экрана.

Поведенческие особенности


  • В зависимости от состояния навигатора (закреплен или откреплен), содержимое страницы перестраивается.
  • Если кнопки не помещаются на верхней панели, они скрываются за кебаб-меню как на списках, так и на формах.
  • Панель с кнопками, фильтр, количество записей в списках и нумерация страниц адаптируются по доступной ширине экрана, чтобы весь контент оставался видимым. Пагинация внизу страницы ведет себя также.
  • Достигнув контрольной точки в 767px, в модальных окнах может меняться внешний вид и состав некоторых элементов. Расстояние до края экрана в мобильной версии становится статичным = 16px.
  • Заголовок таблицы, действия пользовательского интерфейса и заголовок формы (отображаемое имя записи) адаптируются по доступной ширине экрана также, как элементы панели в списках.

Страницы без мобильной версии


В системе есть некоторые страницы, которые не предназначены для открытия с мобильных устройств. Адаптивность таких страниц реализована только для настольных версий.

  • Редактор рабочих процессов
  • Конструктор отчетов
  • Доски задач

Адаптация портальных страниц


Адаптация портальных страниц происходит немного иначе. Портальные страницы разделены на 12 колонок, между которыми с уменьшением или увеличением размера экрана меняется расстояние. Виджеты на страницах также адаптируются пропорционально.

Например, на странице расположено 2 виджета: первый виджет занимает 7 колонок, второй – 5. При изменении разрешения экрана виджеты будут пропорционально менять свои размеры на странице.

При разрешении экрана меньше 768px, виджеты выстроятся в одну линию независимо от количества занимаемых колонок.

Слева и справа на страницах есть фиксированна граница, которая не позволяет элементам растягиваться на весь экран. Границы исчезают только на устройствах с разрешением меньше 567px.