JS библиотека Side Panel режим MODAL

Рейтинг: -0.8902  
Новая
Предложил Kozhin Sergey 01.07.2020 15:20:51

JS библиотека Side Panel режим MODAL

Очень нравится эта JS библиотека.
Я нашёл ей альтернативное применение.
Чтобы не подрубать лишние js библиотечки для модальных окон можно её использовать затюнив как модальное окно!
Но только большой минус, мы не знаем высоты в iframe контента который к нам придёт и у нас внутри модалки полоса прокрутки появляется или наоборот незанятое место.
Сделайте ей в параметрах режим modal = Y, чтобы автоматически класс оформления под модальное окно навешивался и высота после загрузки iframe родительскому окошку прописывалась под размер контента внутри него. Было бы очень хорошо!

Рейтинг: 0  
Николаев Андрей 04.07.2020 19:07:45
Зачем из сайдбара делать мобальные окна? Возможно я не совсем понял суть идеи, можете со скриншотами?
Рейтинг: 0  
Kozhin Sergey 05.07.2020 22:17:54
Например заказчик хочет чтобы он появлялся не как сайдбар, а как обычная модалка по центру.
И тут возникает проблема с поиском и добавлением на сайт библиотечки под модальные окна и сильной переделкой компонента.
А так я бы сделал modal = Y навесил свой css класс для оформления и готово!
И ещё непонятно для чего в JS добавили параметры width и animationDuration если надо было всего добавить параметр class который применял бы оформление и свою анимацию появления к сайдбару!
Кастомизировать Side Panel по инструкции https://dev.1c-bitrix.ru/api_help/js_lib/sidepanel/customize.php та ещё пытка ибо надо перекрывать стили которые JS применяет к элементам вёрстки inlin'ово!!! 2368 строчек такого отборного CSSinJS STYLE кода:
this.getContainer().style.removeProperty("right");
this.getContainer().style.removeProperty("max-width");
this.getContainer().style.removeProperty("min-width");
this.getCloseBtn().style.removeProperty("opacity");
headTags += "<st yle>html, body { background: #fff !important; height: 100%; }</style>";
var bodyStyle = "@media print { body" + bodyClass + " { " +
"background: #fff !important; " +
"-webkit-print-color-adjust: exact;" +
"color-adjust: exact; " +
"} }";
Такое ощущение у чувака кто Side Panel разработал была цель раздуть код как можно сильнее засунув побольше CSS мусора в JS.
Рейтинг: 0.8902  
Николаев Андрей 17.07.2020 20:05:59
Я с вами не соглашусь. Popup и side panel подразумевают разные сценарии использования. Если клиент хочет именно попап то он готов за него заплатить. Для попапов есть отдельная библиотека и простите, но личное мое мнение - iframe внутри popup'а это лютая дичь от которой нужно уходить.

Мы сейчас перешли от запроса данных в popup к слайдерам и на попарах оставили только подтверждения и это мега удобно, т. к. Часть проблем сняло как рукой (привет загрузке файлов).

Для чего добавили width - исходное окно ничего не знает о размерах  открываемого фрейма и не вижу смысла тянуть 300 пикселей слайдера на форму в 1000 (куча пространства появляется).