Введение
В конфигурациях 1С на управляемых формах вы практически не встретите удобных вертикальных закладок. Потому что хоть их и можно размещать справа или слева, но текст на них может быть только горизонтальным.
Выглядит это не очень и остается много свободного места. А на экране и так места мало.
Идея
Меня, наверное, целый год мучила эта задача, я даже подумывал создавать картинки из горизонтального текста и транспонировать их программно.
Но тут я встретил отличную статью Уникальный дизайн в 1С на примере разработки реального продукта. Там я узнал, что есть картинки в векторном формате SVG, который понимает 1С. Причем на них можно размещать и текст, а также вращать его как угодно.
Призвав на помощь ChatGPT (нужен VPN) и взяв пример из статьи, я создал несколько кнопок с вертикальным текстом.
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="152">
<rect x="1" y="1" width="28" height="150" fill="#ffffff" stroke="#a9a9a9" stroke-width="1" rx="5"/>
<text x="16" y="76" fill="#000000" font-family="Arial" font-size="12" text-anchor="middle" transform="rotate(-90, 16, 76)">
Документ
</text>
</svg>
Это не фрагмент! Всего 6 строк в файле.
А вот так они выглядят:
На каждую закладку по две картинки, активное и неактивное состояние. Картинки можно создавать заранее, но как видно, их легко сгенерировать программно. Если нужно, можно добавить на них иконку, но этого я делать пока не стал.
Результат
Спустя непродолжительное время я сделал рабочую обработку.
Ура! Давняя проблема легко решена.
Сначала я попробовал размещать "вертикальные" страницы в обычных группах, ведь у групп-страниц есть свои собственные заголовки в выступающей части. Но у обычных групп в свойствах нет рамки, и выглядит это порой незаконченно.
Но, как оказалось, это легко решается: в свойствах шрифта заголовка страницы устанавливаем масштаб шрифта 0%. Идея взята отсюда Рамка группы в управляемых формах за 1 секунду
Но вполне хорошей идеей будет и не убирать дублирующий горизонтальный заголовок, ведь читать вертикальный текст не очень удобно.
Обработка приложена. Файлы SVG можно получить, если сохранить обработку в XML.
Файл - Сохранить как - Тип файла "Внешняя обработка в XML формате"
Протестировано на платформе 8.3.25.