Адаптивное окно поиска

Предложения по работе с Document Server
Ответить
Z@Zmaster
Сообщения: 18
Зарегистрирован: Чт янв 19, 2017 10:26 am

Адаптивное окно поиска

Сообщение Z@Zmaster » Чт июн 13, 2019 9:38 am

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

Версия Document Server последняя 5.3.1-26

Maxim
Сообщения: 221
Зарегистрирован: Вт окт 11, 2016 2:29 pm

Re: Адаптивное окно поиска

Сообщение Maxim » Чт июн 13, 2019 10:15 am

День добрый!
Спасибо за предоставленную информацию.
Можем предложить пользоваться мобильным приложением Onlyoffice как альтернативой.

Z@Zmaster
Сообщения: 18
Зарегистрирован: Чт янв 19, 2017 10:26 am

Re: Адаптивное окно поиска

Сообщение Z@Zmaster » Чт июн 13, 2019 10:22 am

К сожалению не подходим нам ваше мобильное приложение от слова совсем. Задача отображать документ на сайте. Предлагать пользователям ставить какой-то сторонний софт чтобы посмотреть государственный документ на государственном сайте это очень не хорошо. Может есть какая настройка API чтобы уменьшить окно поиска?

Kirill_sol
Сообщения: 312
Зарегистрирован: Чт апр 12, 2018 9:58 am

Re: Адаптивное окно поиска

Сообщение Kirill_sol » Чт июн 20, 2019 7:15 am

Здравствуйте. А какой тип окна редактора Вы задаете?
https://api.onlyoffice.com/editors/config#type

Z@Zmaster
Сообщения: 18
Зарегистрирован: Чт янв 19, 2017 10:26 am

Re: Адаптивное окно поиска

Сообщение Z@Zmaster » Пн июл 08, 2019 7:24 am

Kirill_sol писал(а):
Чт июн 20, 2019 7:15 am
Здравствуйте. А какой тип окна редактора Вы задаете?
https://api.onlyoffice.com/editors/config#type
Вот конфиг:

Код: Выделить всё

const config = {
      type: 'embedded',
      height: '100%',
      width: '80%',
      document: {
        fileType: $fileContainer.data('type'),
        key: $fileContainer.data('key'),
        title: '',
        url: $fileContainer.data('url'),
        permissions: {
          edit: false,
          download: false
        }
      },
      editorConfig: {
        mode: 'view',
        lang: 'ru-RU',
        customization: {
          compactToolbar: true,
          zoom: '80'
        }
      }
    };

Ответить