Сменить текст и цвет в лейбле слайдере

Рейтинг: 0Ответов: 1Опубликовано: 28.07.2025

Готовлюсь к третьему экзамену битрикс и возникли затруднения с пунктом: как можно изменить цвет и текста лейбла в слайдере б24 выведенном через компонент bitrix:ui.sidepanel.wrapper? https://www.awesomescreenshot.com/image/55668970?key=5042d9057303347c2f78cd5070d18819

Видел описание нужной опции label на странице документации https://dev.1c-bitrix.ru/api_help/js_lib/sidepanel/sidepanel_instance.php но установить ее не получилось. Параметра в компоненте bitrix:ui.sidepanel.wrapper не нашел, в script.js своего компонента (там где уже контент слайдера выводится) пробовал разные вариации подобного кода

BX.ready(function() {
BX.SidePanel.Instance.bindAnchors({
    rules:
    [
        {
            option: {
                label: {
                    text: "Закрыть панель",
                    color: "#FFFFFF",
                    bgColor: "#E2AE00",
                    opacity: 80
                }
            },
        },
    ]
});

BX.ready(function() {
var slider = BX.SidePanel.Instance.getSliderByWindow(window);
if (slider) {
    slider.getData().set('label', {
        text: "Моя этикетка",
        color: "#FFFFFF", //цвет текста
        bgColor: "#2FC6F6", //цвет фона
        opacity: 80 //прозрачность фона
    });
}});

А в на событии onEpilog модуля main, так:

                    BX.ready(function() {
                    if (window.top !== window) {
                        return;
                    }

                    BX.SidePanel.Instance.bindAnchors({
                        rules:
                        [
                            {
                                condition: [
                                    new RegExp("/exam31/detail/([0-9]+)/"),
                                    new RegExp("/exam31/info/([0-9]+)/"),
                                ],
                                option: {
                                    cacheable: false,
                                    label: {
                                        text: "Закрыть панель",
                                        color: "#FFFFFF",
                                        bgColor: "#E2AE00",
                                        opacity: 80
                                    },
                                },
                            },
                        ]
                    });
                });

Ответы

▲ 0

Опечатка: правильно options, а не option

BX.ready(function() {
    if (window.top !== window) {
        return;
    }

    BX.SidePanel.Instance.bindAnchors({
        rules:
        [
            {
                condition: [
                    new RegExp("/exam31/detail/([0-9]+)/"),
                    new RegExp("/exam31/info/([0-9]+)/"),
                ],
                options: {
                    cacheable: false,
                    label: {
                        text: "Закрыть панель",
                        color: "#FFFFFF",
                        bgColor: "#E2AE00",
                        opacity: 80
                    },
                },
            },
        ]
    });
});