liefs-layout-manager v3.0.0
Liefs-Layout-Manager
This software is not fully tested. It is created and managed by one person.
USE AT OWN RISK - THIS SOFTWARE IS NOT PROPERLY TESTED!
Full Manual is available here:
https://leafdriving.github.io/liefs-layout-manager-3.0.0/Manual/Manual.html
Liefs Layout Manager is a framework for creating Dynamic Web Pages. It is a client-side solution to advanced layouts of 'div' Elements. It keeps the dom clean, by removing all non-visible 'div's from the dom.
It does not need "installation" and can be added to you webpage by simply adding one line of code:
// Full Script with Docs
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/liefs-layout-managerV3_FULL.js"></script>
// Minimized Version
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/liefs-layout-managerV3_FULL.min.js"></script>
// Scoped to llm Version - llm.h rather than h etc...
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/liefs-layout-managerV3_SCOPED.min.js"></script>
Note: the above is the full documented version. You can load the 'min' version, or simply the components you require as shown here:
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/liefs-layout-managerV3_CORE.min.js"></script>
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/components/Context.min.js"></script>
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/components/DragBar.min.js"></script>
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/components/Modal.min.js"></script>
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/components/Pages.min.js"></script>
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/components/Scrollbar.min.js"></script>
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/components/Selected.min.js"></script>
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/components/Tree.min.js"></script>
The Full version is still smaller than JQuery, so it's pretty small.
You can import, of course:
// https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/liefs-layout-managerV3_FULL_MODULE.js
// From depends on how you save the file (or use NPM)
import {pf, Arguments_, Base, Component, FunctionStack_BASE, FunctionStack, debounce_,
debounce, node_, sample, Point, Within, Coord, events, Element_, DisplayCell, DisplayGroup,
h, v, Handler, H, Css, css, Render, ScrollBar, scrollbar, onDrag_, onDrag, onHoldClick_,
onHoldClick, Selected, Pages, P, Tree_, Context, context, Modal, winModal, Stretch, DragBar,
dragbar} from 'liefs-layout-manager';
Liefs layout Manager includes 'Context': (Right-click and Drop Down Menus)
Liefs layout Manager includes 'DisplayGroups' (An easy way to divide the screen by % or fixed Pixels):
Liefs layout Manager includes 'DragBars' (An easy way for the user to widen cells):
Liefs layout Manager includes 'Pages': (An easy way to change 'div' elements to new values)
Liefs layout Manager includes 'ScrollBars':
Liefs layout Manager includes 'Selected': (An Easy Way to Handle Selected Items)
Liefs layout Manager includes 'Tree': (An Easy to use Tree Object)
PLUS:
- A custom Css system, where you can change values in Javascript
- A custom Event System, which allows multiple events (like multiple "onclick" events) to be stacked, as well as Drag Events
3 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago