Package Exports
- @feedier/feedier-report-grid-system
- @feedier/feedier-report-grid-system/es
- @feedier/feedier-report-grid-system/es/components/grid-item.vue
- @feedier/feedier-report-grid-system/es/components/grid-item.vue.mjs
- @feedier/feedier-report-grid-system/es/components/grid-item.vue2
- @feedier/feedier-report-grid-system/es/components/grid-item.vue2.mjs
- @feedier/feedier-report-grid-system/es/components/grid-layout.vue
- @feedier/feedier-report-grid-system/es/components/grid-layout.vue.mjs
- @feedier/feedier-report-grid-system/es/components/grid-layout.vue2
- @feedier/feedier-report-grid-system/es/components/grid-layout.vue2.mjs
- @feedier/feedier-report-grid-system/es/helpers/common
- @feedier/feedier-report-grid-system/es/helpers/common.mjs
- @feedier/feedier-report-grid-system/es/helpers/dom
- @feedier/feedier-report-grid-system/es/helpers/dom.mjs
- @feedier/feedier-report-grid-system/es/helpers/draggable
- @feedier/feedier-report-grid-system/es/helpers/draggable.mjs
- @feedier/feedier-report-grid-system/es/helpers/responsive
- @feedier/feedier-report-grid-system/es/helpers/responsive.mjs
- @feedier/feedier-report-grid-system/es/index
- @feedier/feedier-report-grid-system/es/index.mjs
- @feedier/feedier-report-grid-system/es/style.scss
- @feedier/feedier-report-grid-system/es/style.scss.mjs
- @feedier/feedier-report-grid-system/package.json
Readme
Feedier Report - Grid System
What is Feedier Report Grid system?
Based on Grid Layout Plus Grid Layout plus.
The Feedier version implements more customizable elements to order grid elements and adds a debug mode to improve our Feedier report page.
We limit elements to a predefined layout, to avoid grid extension and improve element switching.
Features
Default feature
- Draggable widgets
- Resizable widgets
- Static widgets
- Bounds checking for dragging and resizing
- Widgets may be added or removed without rebuilding grid
- Layout can be serialized and restored
- Automatic RTL support
- Responsive
Feedier feature
- Switching items between them
Documentation
Check out the online documentation here.
How to run in dev
cd dev-server
npm i
npm run serve
Debug
In src/style.scss line 22
Uncomment .vgl-layout::before
and :deep(.vgl-item:not(.vgl-item--placeholder))
to display the grid
License
All in MIT license.