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

23.10.19

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

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

Скачать исходный код

Наименование Файл Версия Размер
Картинка вместо кнопки без html:
.epf 8,67Kb
20
.epf 8,67Kb 20 Скачать

 "Вы предлагаете нам 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 Платные (руб)

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

2400 руб.

29.06.2020    17150    23    4    

37

Валидация JSON через XDTO (включая массивы)

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

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

28.08.2023    10304    YA_418728146    7    

148

Печать непроведенных документов для УТ, КА, ERP. Настройка печати по пользователям, документам и печатным формам

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

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

2 стартмани

22.08.2023    2507    34    progmaster    8    

4

Модель состояния для MVC

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

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

1 стартмани

05.07.2022    4170    kalyaka    4    

31

Условное оформление элементов форм в пользовательском режиме 1С (управление видимостью и доступностью элементов форм)

Работа с интерфейсом Платформа 1С v8.3 Платные (руб)

Подсистема условного оформления элементов форм (далее подсистема) предназначена для настройки оформления элементов форм (видимость, доступность, цвет фона, цвет текста и прочее) в пользовательском режиме 1С. Также подсистему возможно использовать для ограничения доступа к реквизитам формы для определенных пользователей (или групп пользователей).

6000 руб.

18.01.2022    9083    1    2    

6

Несколько простых приемов для удобной работы в конфигураторе

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

Простая и удобная среда разработки 1С:Предприятия позволяет практически любому человеку начать работать под капотом 1С - в конфигураторе. Время идет, новички становятся программистами, специалистами, а об удобных приемах работы узнают годами, по ходу своего карьерного пути. А здорово было бы, если бы все знали удобные приемы в начале своего пути? Эти несколько приемов будут полезны новичкам, так как они затрагивают ту область работы, с которой приходится сталкиваться в начале карьеры.

12.11.2021    18129    acces969    95    

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

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


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