?>
<div class="configuration k-widget k-header" style="z-index:10000">
<span class="configHead">API Functions</span>
<ul class="options">
<li>
<button id="open" class="k-button">Open</button> / <button id="close" class="k-button">Close</button>
</li>
<li>
<button id="refresh" class="k-button">Refresh</button>
</li>
</ul>
</div>
<?php
$window = new \Kendo\UI\Window('window');
$window->title('Rams\'s Ten Principles of Good Design')->width('505px')->height('315px')->actions(array("Refresh", "Maximize", "Close"))->content(array("url" => "../content/web/window/ajax/ajaxContent1.html"));
echo $window->render();
?>
<script>
$(document).ready(function() {
var window = $("#window");
$("#open").click( function (e) {
window.data("kendoWindow").open();
});
$("#close").click( function (e) {
window.data("kendoWindow").close();
});
<input id="default" name="animation" type="radio" checked="checked" /> <label for="default">default/zoom animation</label>
</li>
<li>
<input id="toggle" name="animation" type="radio" /> <label for="toggle">toggle animation</label>
</li>
<li>
<input id="expand" name="animation" type="radio" checked="checked" /> <label for="expand">expand animation</label>
</li>
<li>
<input id="opacity" type="checkbox" checked="checked" /> <label for="opacity">animate opacity</label>
</li>
</ul>
</div>
<?php
$window = new \Kendo\UI\Window('window');
$window->title('EGG CHAIR')->width('500px')->close('onClose')->startContent();
?>
<div style="text-align: center;">
<img src="../content/web/window/egg-chair.png" />
<p>ARNE JACOBSEN EGG CHAIR<br /> Image by: <a href="http://www.conranshop.co.uk/" title="http://www.conranshop.co.uk/">http://www.conranshop.co.uk/</a></p>
</div>
<?php
$window->endContent();
echo $window->render();
?>
<span id="undo" style="display:none" class="k-group">Click here to open the window.</span>
<script>
<?php
require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
$window = new \Kendo\UI\Window('window');
$window->title('About Alvar Aalto')->width('600px')->close('onClose')->startContent();
?>
<div class="armchair">
Artek Alvar Aalto - Armchair 402
</div>
<p>
Alvar Aalto is one of the greatest names in modern architecture and design.
Glassblowers at the iittala factory still meticulously handcraft the legendary
vases that are variations on one theme, fluid organic shapes that let the end user
ecide the use. Interpretations of the shape in new colors and materials add to the
growing Alvar Aalto Collection that remains true to his original design.
</p>
<p>
Born Hugo Alvar Henrik Aalto (February 3, 1898 - May 11, 1976) in Kuortane, Finland,
was noted for his humanistic approach to modernism. He studied architecture at the
Helsinki University of Technology from 1916 to 1921. In 1924 he married architect
Aino Marsio.
</p>
<p>
Alvar Aalto was one of the first and most influential architects of the Scandinavian
modern movement, and a member of the Congres Internationaux d'Architecture Moderne.
Major architectural works include the Finlandia Hall in Helsinki, Finland,
and the campus of Helsinki University of Technology.
</p>
<p>
Source:
<?php
require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
$window = new \Kendo\UI\Window('window');
$window->title('About Josef Hoffmann')->width('500px')->close('onClose')->actions(array("Custom", "Minimize", "Maximize", "Close"))->startContent();
?>
<div class="armchair"><img src="../content/web/window/kubus-armchair.png" alt="Josef Hoffmann - Kubus Armchair" /> Josef Hoffmann - Kubus Armchair</div>
<p>Josef Hoffmann studied architecture at the Academy of Fine Arts in Vienna, Austria, under Art Nouveau architect Otto Wagner, whose theories of functional, modern architecture profoundly influenced his works, and in 1896 he joined his office.</p>
<p>In 1898, he established his own practice in Vienna. In 1897, inspired by Mackintosh and the Glasgow School, he was one of the founding members with Gustav Klimt, of an association of revolutionary artists and architects, the Vienna Secession.</p>
<p>In 1903, he founded with architects Koloman Moser and Joseph Maria Olbrich, the Wiener Werkstätte for decorative arts.</p>
<p>They aspired to the renaissance of the arts and crafts and to bring more abstract and purer forms to the designs of buildings and furniture, glass and metalwork, following the concept of total work of art. Hoffman's works combined functionality and simplicity of craft production with refined and innovative ornamental details and geometric elements. He is an important precursor of the Modern Movement and Art Deco. </p>
<p>Source: <a href="http://www.senses-artnouveau.com/biography.php?artist=hof" title="About Josef Hoffmann">http://www.senses-artnouveau.com/</a></p>
<?php
$window->endContent();
echo $window->render();
?>
<span id="undo" style="display:none" class="k-button">Click here to open the window.</span>
<script>
function onClose() {
$("#undo").show();
}
$(function() {
$("#undo").click(function() {
$("#window").data("kendoWindow").open();
$dataSource = new \Kendo\Data\DataSource();
$dataSource->transport($transport)->pageSize(10)->schema($schema)->serverPaging(true);
$grid = new \Kendo\UI\Grid('grid');
$firstName = new \Kendo\UI\GridColumn();
$firstName->field('FirstName')->title('First Name');
$lastName = new \Kendo\UI\GridColumn();
$lastName->field('LastName')->title('Last Name');
$title = new \Kendo\UI\GridColumn();
$title->field('Title');
$command = new \Kendo\UI\GridColumnCommandItem();
$command->click('commandClick')->text('View Details');
$commandColumn = new \Kendo\UI\GridColumn();
$commandColumn->addCommandItem($command)->title(' ')->width(140);
$grid->addColumn($firstName, $lastName, $title, $commandColumn)->dataSource($dataSource)->height(260)->pageable(true);
echo $grid->render();
$window = new \Kendo\UI\Window('details');
$window->title('Customer Details')->modal(true)->visible(false)->resizable(false)->width(300);
echo $window->render();
?>
<script type="text/x-kendo-template" id="template">
<div id="details-container">
<h2>#= FirstName # #= LastName #</h2>
<em>#= Title #</em>
<dl>
<dt>City: #= City #</dt>
<dt>Address: #= Address #</dt>
</dl>
</div>
</script>
<?php
require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
$window = new \Kendo\UI\Window('window');
$window->title('Rams\'s Ten Principles of Good Design')->width('615px')->close('onClose')->content(array("url" => "../content/web/window/ajax/ajaxContent.html"));
echo $window->render();
?>
<span id="undo" style="display:none" class="k-button">Click here to open the window.</span>
<script>
function onClose() {
$("#undo").show();
}
$(function() {
$("#undo").click(function() {
$("#window").data("kendoWindow").open();
$("#undo").hide();
});
$("#window").data("kendoWindow").wrapper.find(".k-i-custom").click(function(e){
alert("Custom action button clicked");
e.preventDefault();
});
});
</script>
<style scoped>
#example {
<?php
require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
$window = new \Kendo\UI\Window('window');
$window->title('Rams\'s Ten Principles of Good Design')->width('630px')->height('315px')->actions(array("Refresh", "Close"))->content(array("url" => "../content/web/window/ajax/ajaxContent1.html"))->open("onOpen")->close("onClose")->activate("onActivate")->deactivate("onDeactivate")->refresh("onRefresh")->resize("onResize")->dragstart("onDragStart")->dragend("onDragEnd");
echo $window->render();
?>
<span id="undo" style="display:none" class="k-group">Click here to open the window.</span>
<script>
function onOpen(e) {
kendoConsole.log("event :: open");
}
function onClose(e) {
$("#undo").show();
kendoConsole.log("event :: close");
}
function onActivate(e) {
kendoConsole.log("event :: activate");
}
function onDeactivate(e) {
kendoConsole.log("event :: deactivate");
}
function onRefresh(e) {