Мобильное приложение и Адаптивность
Мобильное приложение
Мобильное приложение SimpleOne позволяет управлять задачами и большинством операций со смартфона. Являясь прогрессивным веб-приложением, мобильная версия SimpleOne доступна для любого экземпляра и не требует много места для хранения, а также установки из магазина приложений.
Интерфейс мобильного приложения схож с интерфейсом десктопного экземпляра, однако обладает своей спецификой. Приложение поддерживается на Android и iOS. Подробнее о том, как установить приложение, читайте в статье Мобильное приложение SimpleOne.
Адаптивность
При использовании платформы, благодаря адаптивному дизайну, SimpleOne определяет разрешение устройства пользователя и настраивает используемый шаблон под экран.
Все страницы агентского интерфейса имеют контрольную точку = ширина экрана в 767px. В этот момент отображается мобильная версия.
Контрольная точка – это условная точка, указывающая на визуальные изменения; в данном контексте это значение ширины экрана.
Поведенческие особенности
- В зависимости от состояния навигатора (закреплен или откреплен), содержимое страницы перестраивается.
- Если кнопки не помещаются на верхней панели, они скрываются за кебаб-меню как на списках, так и на формах.
- Панель с кнопками, фильтр, количество записей в списках и нумерация страниц адаптируются по доступной ширине экрана, чтобы весь контент оставался видимым. Пагинация внизу страницы ведет себя также.
- Достигнув контрольной точки в 767px, в модальных окнах может меняться внешний вид и состав некоторых элементов. Расстояние до края экрана в мобильной версии становится статичным = 16px.
- Заголовок таблицы, действия пользовательского интерфейса и заголовок формы (отображаемое имя записи) адаптируются по доступной ширине экрана также, как элементы панели в списках.
Страницы без мобильной версии
В системе есть некоторые страницы, которые не предназначены для открытия с мобильных устройств. Адаптивность таких страниц реализована только для настольных версий.
- Редактор рабочих процессов
- Конструктор отчетов
- Доски задач
Адаптация портальных страниц
Адаптация портальных страниц происходит немного иначе. Портальные страницы разделены на 12 колонок, между которыми с уменьшением или увеличением размера экрана меняется расстояние. Виджеты на страницах также адаптируются пропорционально.
Например, на странице расположено 2 виджета: первый виджет занимает 7 колонок, второй – 5. При изменении разрешения экрана виджеты будут пропорционально менять свои размеры на странице.
При разрешении экрана меньше 768px, виджеты выстроятся в одну линию независимо от количества занимаемых колонок.
Слева и справа на страницах есть фиксированна граница, которая не позволяет элементам растягиваться на весь экран. Границы исчезают только на устройствах с разрешением меньше 567px.