Картинка вместо кнопки без html

23.10.19

Разработка - Работа с интерфейсом

Вариант замены стандартных кнопок на форме для тех, кого не устраивают кнопки 1С и нет особых возможностей делать все с использованием html. Тестировал работу на платформах 8.3.10, 8.3.13, 8.3.14

Скачать файл

ВНИМАНИЕ: Файлы из Базы знаний - это исходный код разработки. Это примеры решения задач, шаблоны, заготовки, "строительные материалы" для учетной системы. Файлы ориентированы на специалистов 1С, которые могут разобраться в коде и оптимизировать программу для запуска в базе данных. Гарантии работоспособности нет. Возврата нет. Технической поддержки нет.

Наименование По подписке [?] Купить один файл
Картинка вместо кнопки без html:
.epf 8,67Kb
22
22 Скачать (1 SM) Купить за 1 850 руб.

 "Вы предлагаете нам 1С ?! мы же не бухгалтерия. Вы нам не подойдете!"  - если Вы часто слышите такую фразу при внедрении/продаже, то скорее всего задумывались об изменении интерфейса вашей конфигурации или смене IDE. 

 Если 1С вас вполне устраивает, то этот вариант вам может подойти.

 1с начиная с 8.3.9 поддерживает формат картинок SVG (Scalable Vector Graphics). Редактора в платформе вы не найдете, но нас устраивает особенность этого формата, а именно - возможность редактировать картинку как текст.  Подробнее о формате вы можете почитать в интернетах, но главное, что структура этого файла похожа на xml/html и с ним можно работать из кода.

Вот пример содержания SVG картинки

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156 48">
  <style>
    .st1{fill:none;stroke:#303956;stroke-width:2}
	.st2{fill:#333}
	.st3{font-family:&apos;Tahoma&apos;}
	.st4{font-size:15px}
  </style>
  <g id="ИконкаКнопки">
    <path fill="#f6f6f6" d="M4 0h40c2.2 0 4 1.8 4 4v40c0 2.2-1.8 4-4 4H4c-2.2 0-4-1.8-4-4V4c0-2.2 1.8-4 4-4z"/>
    <path d="M30 18v12H18v-9l3-3h9z" class="st1"/>
    <path d="M21 22h6" class="st1"/>
    <path d="M21 26h6" class="st1"/>
  </g>
  <text id="ТекстКнопки" transform="translate(68.52 18.5)">
    <tspan x="0" y="0" class="st2 st3 st4">Текст</tspan>
	<tspan x="0" y="18" class="st2 st3 st4">кнопки</tspan>
  </text>
</svg>

 на форму 1с можно вывести svg как картинку элемента формы (если она была добавлена в Библиотеку картинок), как содержимое поля HtmlДокумента (в этом случае нужно обладать азами html) или как Поле картинки, как приведено в моем примере. Вариант с Полем html документа не плох, но на бы что по-проще. "Предопределенная" картинка в библиотеке не редактируется как класс. Поэтому остается вариант с файлом, который мы сможем менять в зависимости от потребностей.

В данной обработке есть примеры. Для интеграции в свою конфигурацию придется программировать)))) так что не судите строго. Это всего лишь пример.   

 

Тестировал работу на платформах 8.3.10, 8.3.13, 8.3.14

SVG интерфейс кнопки иконки картинки

См. также

Работа с интерфейсом Рабочее место Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Богатый редактор картинок 1С предназначен для обработки изображений в режиме «Предприятие», с возможностью РИСОВАТЬ на них. Поддерживается работа как в обычных формах (толстый клиент) так и на управляемых формах (тонкий клиент). Обработка позволяет редактировать как картинки, хранимые в базе, так и графические файлы с диска на файловой системе. Помимо базовых функций (изменение размеров, преобразование формата, обрезание картинки, повороты и т.п.) – редактор имеет богатый набор инструментов для рисования. Доступна функция вставки изображения из буфера обмена. Объект может быть использован: на стороне клиента, на стороне сервера, из внешнего соединения. Обработка будет особенно полезна тем, кто вносит картинки в базу (изображения номенклатуры, фотографии физических лиц и т.п.). Функционал реализуется с использованием JavaScript и бесплатного ПО ImageMagick (без использования внешних компонент).

6000 руб.

16.01.2015    62985    44    59    

82

Работа с интерфейсом Программист Платформа 1С v8.3 Конфигурации 1cv8 1С:ERP Управление предприятием 2 Платные (руб)

Обработка предназначена для создания и управления дашбордами.

2400 руб.

29.06.2020    18853    26    6    

41

Работа с интерфейсом Программист Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Россия Платные (руб)

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

1500 руб.

06.10.2020    10224    7    7    

10

WEB-интеграция Универсальные функции Механизмы платформы 1С Программист Платформа 1С v8.3 Конфигурации 1cv8 Бесплатно (free)

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

28.08.2023    14729    YA_418728146    7    

166

Пакетная печать Печатные формы Адаптация типовых решений Универсальные функции Платформа 1С v8.3 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Россия Абонемент ($m)

Расширение для программ 1С:Управление торговлей, 1С:Комплексная автоматизация, 1С:ERP, которое позволяет распечатывать печатные формы для непроведенных документов. Можно настроить, каким пользователям, какие конкретные формы документов разрешено печатать без проведения документа.

2 стартмани

22.08.2023    3580    56    progmaster    8    

4

Работа с интерфейсом Программист Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

"MVC плохо применима в 1С" - познакомьтесь с моделью состояния и, возможно, ваше мнение поменяется! Представленное решение является эволюционным развитием идеи реализации MVC для 1С. В новой версии добавлены DSL для описания модели состояния, а также параметризация свойств параметров и элементов формы.

1 стартмани

05.07.2022    5749    kalyaka    6    

33
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. A_Max 20 23.10.19 14:33 Сейчас в теме
Вот спасибо, как-то про поддержку SVG пропустил. ОЧЕНЬ интересный вариант!
2. SlavaKron 23.10.19 16:17 Сейчас в теме
Фон можно добавить в виде прямоугольника размером 100% на 100%.
<rect width="100%" height="100%" fill="#f6f6f6" />
3. papa_harlo 161 24.10.19 09:22 Сейчас в теме
(2)
прямоугольника
да. вполне сработает. косяк в том, что если сделать закрашивание фона всей svg в браузере, то все хорошо отрабатывает. а в 1с (даже в 8.3.14 и новее) почему-то это не отрабатывает
4. ddima_052 30.09.21 08:06 Сейчас в теме
по поводу изменения иконки получилось?
5. papa_harlo 161 30.09.21 12:45 Сейчас в теме
(4)
получилось
не понял вопроса. иконка - тоже svg. меняется как обычный текст только в формате описания xml
6. ddima_052 30.09.21 18:04 Сейчас в теме
Из обработки:

///если нужно будет изменить иконку, то нужно будет сделать 
Шаблон	  = СтрЗаменить(Шаблон,"d=""M********************.71z""");//ИконкаВнутри);
////но у меня не получилось(((((


Вопрос про это
Оставьте свое сообщение