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

23.10.19

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

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

Файлы

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

Наименование Скачано Купить файл
Картинка вместо кнопки без html:
.epf 8,67Kb
24 1 850 руб. Купить

Подписка PRO — скачивайте любые файлы со скидкой до 85% из Базы знаний

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

Оформить подписку и скачать решение со скидкой

 "Вы предлагаете нам 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С:Предприятие 8 1С 8.3 1C:Бухгалтерия 1С:Бухгалтерия 3.0 1С:Библиотека стандартных подсистем 1С:ERP Управление предприятием 2 1С:Управление холдингом 1С:Зарплата и Управление Персоналом 3.x 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 1С:Управление торговлей 11 Платные (руб)

Создайте свой функциональный интерфейс в любой конфигурации 1С с помощью расширения Infostart Dashboard. Настраивайте панели виджетов с метриками, индикаторами и показателями на начальном экране. Узнайте возможность внедрения подсистемы у себя в конфигурации с помощью бесплатной обработки "Анализ внедрения подсистемы 1С Infostart Dashboard"!

28800 руб.

27.03.2025    56402    31    25    

45

Разработка Инструментарий разработчика Работа с интерфейсом Адаптация типовых решений Нейросети 1C:Бухгалтерия 1C:ERP 1С:ЗУП 1С:КА 1С:УНФ 1С:УТ 1С:Розница 1С:ДО 1С:ERP Управление предприятием 2 Платные (руб)

Разработка "Дизайнер форм 1С" реализована в виде расширения 1С и является универсальным инструментом для разработки прототипа форм с целью демонстраций, технических заданий и т.д. Без участия разработчика с возможностью экспорта в файл внешней обработки и генерации формы используя искусственный интеллект.

36000 руб.

28.08.2025    2702    1    2    

4

Работа с интерфейсом Системный администратор Программист 1С:Предприятие 8 1C:Бухгалтерия Платные (руб)

Расширение «Динамическое управление доступом к элементам форм объектов 1С8» предназначен для обеспечения возможности оперативного управления видимостью и доступностью элементов форм документов и справочников продуктов фирмы «1С» «1С:Предприятие 8». Решение универсальное, встраивается в любую конфигурацию с минимальными доработками, что позволяет без проблем обновлять типовые решения.

6000 руб.

14.01.2016    58241    20    25    

46

Работа с интерфейсом Программист 1С:Предприятие 8 1C:Бухгалтерия 1С:ERP Управление предприятием 2 Платные (руб)

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

5160 руб.

29.06.2020    22865    32    6    

51

Работа с интерфейсом Программист 1С:Предприятие 8 1C:Бухгалтерия Россия Платные (руб)

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

5040 руб.

06.10.2020    12852    8    8    

14

Универсальные функции Программист 1С:Предприятие 8 1C:Бухгалтерия Бесплатно (free)

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

21.05.2024    46517    dimanich70    83    

165

WEB-интеграция Универсальные функции Механизмы платформы 1С Программист 1С:Предприятие 8 1C:Бухгалтерия Бесплатно (free)

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

28.08.2023    22846    YA_418728146    8    

174
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
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 171 24.10.19 09:22 Сейчас в теме
(2)
прямоугольника
да. вполне сработает. косяк в том, что если сделать закрашивание фона всей svg в браузере, то все хорошо отрабатывает. а в 1с (даже в 8.3.14 и новее) почему-то это не отрабатывает
4. ddima_052 30.09.21 08:06 Сейчас в теме
по поводу изменения иконки получилось?
5. papa_harlo 171 30.09.21 12:45 Сейчас в теме
(4)
получилось
не понял вопроса. иконка - тоже svg. меняется как обычный текст только в формате описания xml
6. ddima_052 30.09.21 18:04 Сейчас в теме
Из обработки:

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


Вопрос про это
Для отправки сообщения требуется регистрация/авторизация