Создание диалоговых (модальных) окон в Битрикс

Автор:Alex

bitrix, javascript, диалоговое окно

Создание диалоговых (модальных) окон в Битрикс

В Битриксе есть стандартная js библиотека для создания таких окон, но почему-то она плохо задокументировано.
А ведь там все просто:
Подключаем JS библиотеку через php на странице:

CJSCore::Init(array('window'));

Воздать окно с вызовом /include/page.php в нем:

var popup = new BX.CDialog({
'title':'Выбрать товары', 
'content_url':'/include/page.php', 
'width':'550', 
'height':'350'
});

где content_url — ссылка на страницу, которая будет показана, вместо этого параметра можно использовать content — который выведет произвольное содержимое, width и height размеры окна

Показать окно:

popup.Show();

Закрыть окно:

popup.Close();

Изменить на лету содержимое окна:

popup.SetContent("html внутри окна")

Изменять CSS стили окна можно как душе угодно.