--- title: Виджет из HTML-документа slug: примеры-сниппеты-общее-html-документы/виджет-из-html-документа --- HTML-документ можно использовать для создания нестандартных элементов управления. Ниже приведен пример создания виджетов ```bsl &НаКлиенте Функция ТекстHTMLДляВиджета(КоличествоНовых, КоличествоВРаботе, КоличествоЗакрытых, КоличествоВсего) ЗаголовокВиджета = "Информация о заявках"; Текст = СтрШаблон( " | | | | | | | Document | | | | |
|
|

%1

|
|
|

Новые

|

%2

|
|
|

В работе

|

%3

|
|
|

Закрытые

|

%4

|
|
|
|

Сбросить

|
|
| | |", ЗаголовокВиджета, КоличествоНовых, КоличествоВРаботе, КоличествоЗакрытых); Возврат Текст; КонецФункции ``` В результате получается что-то вроде ![пример виджета.png](https://sinenikolsky.ru/s/QEWSKmHn7HKGJX4/download?path=%2F2025%2F04%2F15&files=c04e4c34-8a25-42a1-bb74-da0929bfa69c.png) Для отработки кликов на элементах виджета нужно переопределить событие элемента «ПриНажатии», например: ```bls &НаКлиенте Процедура ВиджетПриНажатии(Элемент, ДанныеСобытия, СтандартнаяОбработка) СписокКлассов = СтрРазделить(ДАнныеСобытия.Element.className, " ", Ложь); Если СписокКлассов.Найти("link-opened") <> Неопределено Тогда // Свой обработчик КонецЕсли; КонецПроцедуры ``` В тексте HTML-класс «link-opened» созданного элемента расположен в следующем блоке ```html

Новые

%2

``` Соответственно можно создавать произвольные элементы — кнопки, ссылки, параграфы и пр., что допускается HTML+CSS