jqwidgets-scripts-custom
Version:
jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.
31 lines (30 loc) • 1.72 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title id='Description'>
ReactJS Docking Layout demo. This demo shows the default functionality of the jqxDockingLayout widget. This control allows the creation of complex layouts with panels that can be floated, docked, nested, resized, pinned, unpinned and closed.
</title>
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="../../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxribbon.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxwindow.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxlayout.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxdockinglayout.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxtree.js"></script>
<script type="text/javascript" src="../../../scripts/demos.js"></script>
<style type="text/css">
.jqx-layout-group-auto-hide-content-vertical {
width: 200px;
}
</style>
</head>
<body>
<div class="example-description" style="margin-bottom:3em">
ReactJS Docking Layout demo. This demo shows the default functionality of the jqxDockingLayout widget. This control allows the creation of complex layouts with panels that can be floated, docked, nested, resized, pinned, unpinned and closed.
</div>
<div id="app"></div>
<script src="../build/dockinglayout_defaultfunctionality.bundle.js"></script>
</body>
</html>