Новая компоновка 1С с адаптацией под мобильный клиент: различия между версиями

Материал из largespace
Перейти к навигации Перейти к поиску
(Новая страница: «С 2023 года фирмой 1С рекомендуется использование новой компоновки построения форм, в том числе для адаптации под мобильный клиент. Новая компоновка заключается в размещении ключевых реквизитов в левой части экрана, а всех остальных (основные, дополнит...»)
 
Нет описания правки
 
Строка 7: Строка 7:
[[Файл:20231219 008.png|без|мини|600x600пкс|Пример отображения в новой компоновке]]
[[Файл:20231219 008.png|без|мини|600x600пкс|Пример отображения в новой компоновке]]
При этом для адаптации под мобильный клиент необходимо минимальное изменение на уровне кода, выполняемое на сервере
При этом для адаптации под мобильный клиент необходимо минимальное изменение на уровне кода, выполняемое на сервере
[[Файл:20231219 010.png|мини|Пример компоновки мобильной версии]]
[[Файл:20231219 009.png|без|мини|600x600пкс|Код для адаптации под мобильный клиент]]
[[Файл:20231219 009.png|без|мини|600x600пкс|Код для адаптации под мобильный клиент]]
Дополнительно рекомендуется установить следующие свойства для ряда элементов формы:
Дополнительно рекомендуется установить следующие свойства для ряда элементов формы:

Текущая версия от 21:17, 19 декабря 2023

С 2023 года фирмой 1С рекомендуется использование новой компоновки построения форм, в том числе для адаптации под мобильный клиент.

Новая компоновка заключается в размещении ключевых реквизитов в левой части экрана, а всех остальных (основные, дополнительные реквизиты, табличные части) - в правой части экрана.

Справа - новая компоновка

Новая компоновка легко адаптируется под мобильную версию за счет перемещения ключевых реквизитов слева под страницы с переключением работы с закладками пролистыванием.

Пример дерева реквизитов в новой компоновке
Пример отображения в новой компоновке

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

Пример компоновки мобильной версии
Код для адаптации под мобильный клиент

Дополнительно рекомендуется установить следующие свойства для ряда элементов формы:

1) Для многострочных полей ввода необходимо установить высоту от 3, а также указывается растягивание по вертикали (в таком случае в мобильной версии будет растяжение в рамках формы с возможностью скроллинга внутри поля, а не всей формы сразу)

2) Заголовки полей размещаются сверху (для настольной версии) или убираются программно (для мобильной).

3) Для элементов из группы "ГруппаКлючевыеРеквизиты" устанавливается растягивание по горизонтали и указываются параметры ширины в 35-45 пунктов, а максимальная ширина - до 60 пунктов. Для элементов в страницах устанавливается растягивание по горизонтали, и снимается признак "Автомаксимальная ширина".