Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork4
totaljs/uibuilder
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Total.js UI Builder is a cloud-based editor for creating UI schemas.
- Cloud version:https://uibuilder.totaljs.com
- Documentation
Instructions:
- Download source code
- Install NPM dependencies with
$ npm install - Run the app
$ node index.js
Custom component list:
You can use your own component list by adding in the formhttps://uibuilder.totaljs.com?components=URL_TO_YOUR_JSON_DB
Custom rendering:
- Web component:https://componentator.com/components/j-uibuilder/
<ui-componentname="uibuilder"config="url:https://uibuilder.totaljs.com/render.json"></ui-component>
Metadata:
exports.follow=true;// The user will see the component in the settings form Path for reading/writing (only for UI designer)exports.hidden=true;// The component will be hidden in the component list
Internal flags:
instance.state.bind=true;// The component will be bind automatically in the e.g. form component (it's targeted for components which can read/write data (for render)instance.state.notify=true;// The option will emit only the "notify" event in the component when the value is change (instead of setting value directly to the component (look at Counter component))
Methods:
instance.datasource(CLID_OR_@INSTANCEID__OR__#VIEWID,function(value){// value {Array} [id, name]});
Events:
instance.on('refresh',function(meta){// meta.type {String} can be "remove" or "configure"// meta.items {Object Array} [instance] (remove type)// meta.item {Object} instance (configure type)// some objects have been changed});
Editor properties:
DEF.cl.datasourcecontains all CodeList + Components.follow = trueDEF.cl.pathscontains Paths + Components.follow = trueDEF.cl.listcontains a list of all instancesDEF.cl.inputscontains all inputsDEF.cl.outputscontains all outputsDEF.cl.viewscontains all viewsDEF.cl.appscontains all sibling apps/designs
Good to know:
- if the
config.pathstarts with the@at, it means that he component is following another component
About
Total.js UI Builder
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
No releases published
Sponsor this project
Uh oh!
There was an error while loading.Please reload this page.
Packages0
No packages published
Uh oh!
There was an error while loading.Please reload this page.
