Для выполнения примера необходимо создать html-страницу и выполнить следующие действия:
1. Добавить ссылки на файлы PP.css и PP.js.
2. В папку с примером добавить файл с наименованием «icon.png»:
2. Внутри тега <body> разместить блок с идентификатором «wnd»:
<div style=" margin-left: auto; margin-right: auto; margin-top: 100px; width: 1000px; height: 700px;" id="wnd"> </div>
3. Далее на страницу внутри тега <body> добавить сценарий, создающий компонент Window:
<script type="text/javascript">
// Создаём компонент Window
var win = new PP.Ui.Window({
ParentNode: document.getElementById("wnd"),
Caption: "Форсайт. Аналитическая платформа", // Заголовок
CaptionIcon: "icon.png", // Значок
Content: "Content", // Содержимое
Height: 200,
Width: 350,
EnableMove: false // Нельзя перемещать окно
});
// Открываем окно
win.show();
</script>
После выполнения примера на html-странице было отображено окно:
Оно расположено в центре страницы, поскольку для метода show заданы параметры по умолчанию.
При нажатии на кнопку 
размеры окна увеличатся:
ширина будет равна 1000 пикселям, а высота - 700 пикселям. Кнопка приобретет
следующий вид :
. После нажатия на неё размеры
окна вновь уменьшатся.
См. также: